/* Metro module 7546; source: modules/premium/native/SubscriptionRenewalMutationsNotice.tsx; dependencies: [31, 27, 33, 4501, 697, 6235, 1305, 1244, 3802, 2] */
function _fun60684(global, require, importDefault, importAll, module, exports, dependencyMap) { // fn#60684, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:7724:6, offset: 0x01709f9e, size: 337 bytes, params: 8, frame: 22
    var object3;
    const env0_0 = require;
    const Object = global.Object;
    Object.defineProperty(exports, '__esModule', {value: true});
    importAll(31) /* metro dependency 31 */;
    const env0_3 = (require(27) /* metro dependency 27 */).View;
    let value = require(33) /* metro dependency 33 */;
    const env0_4 = value.jsx;
    const env0_5 = value.jsxs;
    value = require(4501) /* metro dependency 4501: createStyles */;
    const createStyles = value.createStyles;
    object3 = {};
    const object4 = {'padding': 10, 'marginVertical': 5, 'marginHorizontal': 15, 'borderRadius': null,
        'display': 'flex', 'flexDirection': 'row', 'justifyContent': 'center'};
    object4.borderRadius = (importDefault(697) /* metro dependency 697: native */).radii.xs;
    const DARK_PRIMARY_630_LIGHT_PRIMARY_230 = (require(6235) /* metro dependency 6235: LegacyTokens */).DARK_PRIMARY_630_LIGHT_PRIMARY_230;
    object4.backgroundColor = DARK_PRIMARY_630_LIGHT_PRIMARY_230;
    object3.container = object4;
    const DARK_PRIMARY_300_LIGHT_PRIMARY_500 = (require(6235) /* metro dependency 6235: LegacyTokens */).DARK_PRIMARY_300_LIGHT_PRIMARY_500;
    object3.icon = {'alignSelf': 'center', 'marginLeft': 15, color: DARK_PRIMARY_300_LIGHT_PRIMARY_500};
    object3.text = {'paddingLeft': 10, 'marginRight': 15, color: DARK_PRIMARY_300_LIGHT_PRIMARY_500};
    const env0_6 = Reflect.apply(createStyles, value, [object3]);
    (require(2) /* metro dependency 2 */).fileFinishedImporting('modules/premium/native/SubscriptionRenewalMutationsNotice.tsx');
    exports.default = SubscriptionRenewalMutationsNotice;
}

function SubscriptionRenewalMutationsNotice({subscription, renewalMutations}) { // fn#60685, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:7724:660, offset: 0x0170a0ef, size: 299 bytes, params: 2, frame: 27
    var r13;
    var value;
    const styles = useStyles();
    const WarningCircle = (require(1305) /* metro dependency 1305: native */).WarningCircle;
    const warningCircle = <WarningCircle style={styles.icon} />;
    const LegacyText = (require(1305) /* metro dependency 1305: native */).LegacyText;
    const intl = (require(1244) /* metro dependency 1244: indexNative */).intl;
    const format = intl.format;
    const ar1cPl = (require(1244) /* metro dependency 1244: indexNative */).t.ar1cPl;
    if (subscription.hasExternalPlanChange) {
        value = require(3802) /* metro dependency 3802: PremiumUtils */;
        value = value.getExternalPlanDisplayName(renewalMutations);
        r13 = value;
    } else {
        value = importDefault(3802) /* metro dependency 3802: PremiumUtils */;
        value = value.getDisplayName(renewalMutations.planId);
        r13 = value;
    }
    return (
        <View style={styles.container}>
            {warningCircle}
            <LegacyText style={styles.text}>
                {Reflect.apply(format, intl, [ar1cPl, {planName: r13, date: subscription.currentPeriodEnd}])}
            </LegacyText>
        </View>
    );
}