/* Metro module 13426; source: modules/parent_tools/native/FamilyCenterLinkingBanner.tsx; dependencies: [31, 27, 33, 4501, 697, 8171, 12627, 1244, 2224, 13427, 4573, 6766, 13393, 2] */
function _fun102146(global, require, importDefault, importAll, module, exports, dependencyMap) { // fn#102146, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:13616:6, offset: 0x0222ef21, size: 667 bytes, params: 8, frame: 24
    var object3;
    const env0_0 = require;
    const Object = global.Object;
    Object.defineProperty(exports, '__esModule', {value: true});
    importAll(31) /* metro dependency 31 */;
    let value = require(27) /* metro dependency 27 */;
    const env0_3 = value.View;
    const env0_4 = value.Image;
    value = require(33) /* metro dependency 33 */;
    const env0_5 = value.jsx;
    const env0_6 = value.jsxs;
    value = require(4501) /* metro dependency 4501: createStyles */;
    let createStyles = value.createStyles;
    object3 = {};
    const object4 = {'backgroundColor': null, 'marginVertical': null, 'paddingTop': 0, 'alignItems': 'center',
        'borderRadius': null, 'elevation': 2, 'overflow': 'hidden'};
    const BACKGROUND_BASE_LOW = (importDefault(697) /* metro dependency 697: native */).colors.BACKGROUND_BASE_LOW;
    object4.backgroundColor = BACKGROUND_BASE_LOW;
    let PX_16 = (importDefault(697) /* metro dependency 697: native */).space.PX_16;
    object4.marginVertical = PX_16;
    object4.borderRadius = (importDefault(697) /* metro dependency 697: native */).radii.md;
    object3.container = object4;
    PX_16 = (importDefault(697) /* metro dependency 697: native */).space.PX_16;
    object3.content = {padding: PX_16};
    const PX_12 = (importDefault(697) /* metro dependency 697: native */).space.PX_12;
    object3.art = {'width': '100%', 'height': 175, marginBottom: PX_12};
    let PX_8 = (importDefault(697) /* metro dependency 697: native */).space.PX_8;
    object3.header = {marginBottom: PX_8};
    const env0_7 = Reflect.apply(createStyles, value, [object3]);
    value = require(4501) /* metro dependency 4501: createStyles */;
    createStyles = value.createStyles;
    const object5 = {};
    PX_8 = (importDefault(697) /* metro dependency 697: native */).space.PX_8;
    object5.marginTop = PX_8;
    PX_16 = (importDefault(697) /* metro dependency 697: native */).space.PX_16;
    object5.paddingHorizontal = PX_16;
    object5.width = '100%';
    const env0_8 = Reflect.apply(createStyles, value, [{container: object5}]);
    value = require(4501) /* metro dependency 4501: createStyles */;
    createStyles = value.createStyles;
    const object7 = {'display': 'flex', 'flexDirection': 'column', 'justifyContent': 'center', 'alignItems': 'center',
        'overflow': 'hidden', 'width': 32, 'height': 32};
    object7.borderRadius = (importDefault(697) /* metro dependency 697: native */).radii.round;
    const BACKGROUND_MOD_NORMAL = (importDefault(697) /* metro dependency 697: native */).colors.BACKGROUND_MOD_NORMAL;
    object7.backgroundColor = BACKGROUND_MOD_NORMAL;
    const env0_9 = Reflect.apply(createStyles, value, [{row: {'display': 'flex', 'flexDirection': 'row',
        'alignItems': 'flex-start'}, gap: {marginBottom: 12}, circle: object7, rowContent: {'marginLeft': 12,
        'flex': 1}}]);
    (require(2) /* metro dependency 2 */).fileFinishedImporting('modules/parent_tools/native/FamilyCenterLinkingBanner.tsx');
    exports.default = FamilyCenterLinkingBanner;
}

function FamilyCenterLinkingBannerParentContent() { // fn#102147, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:13616:641, offset: 0x0222f1bc, size: 450 bytes, params: 1, frame: 26
    const styles = useStyles();
    const intl = (require(1244) /* metro dependency 1244: indexNative */).intl;
    let string = intl.string;
    const items2 = [<FamilyCenterLinkingInstructionsRow index={1} header={Reflect.apply(string, intl,
        [(importDefault(2224) /* metro dependency 2224: FamilyCenterMessages */)['7xxAni']])} description={(require(1244) /* metro dependency 1244: indexNative */).intl.string((importDefault(2224) /* metro dependency 2224: FamilyCenterMessages */)['1M9So2'])} />];
    const familyCenterLinkingInstructionsRowBindingProps = {index: 2,
        header: (require(1244) /* metro dependency 1244: indexNative */).intl.string((importDefault(2224) /* metro dependency 2224: FamilyCenterMessages */)['AXgx+a'])};
    string = intl.string;
    const GzMFnb = (importDefault(2224) /* metro dependency 2224: FamilyCenterMessages */).GzMFnb;
    familyCenterLinkingInstructionsRowBindingProps.description = Reflect.apply(string, intl, [GzMFnb]);
    items2[1] = <FamilyCenterLinkingInstructionsRow {...familyCenterLinkingInstructionsRowBindingProps} />;
    string = intl.string;
    const MZn1tG = (importDefault(2224) /* metro dependency 2224: FamilyCenterMessages */).MZn1tG;
    items2[2] = <FamilyCenterLinkingInstructionsRow index={3} header={Reflect.apply(string, intl,
        [MZn1tG])} description={(require(1244) /* metro dependency 1244: indexNative */).intl.string((importDefault(2224) /* metro dependency 2224: FamilyCenterMessages */)['8rLBxD'])} isLast />;
    const FamilyCenterParentQRCodeButton = (require(13393) /* metro dependency 13393: FamilyCenterBannerButton */).FamilyCenterParentQRCodeButton;
    items2[3] = <FamilyCenterParentQRCodeButton />;
    return (
        <View style={styles.container}>
            {items2}
        </View>
    );
}

function FamilyCenterLinkingBannerTeenContent() { // fn#102148, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:13616:1229, offset: 0x0222f37e, size: 61 bytes, params: 1, frame: 15
    const FamilyCenterTeenQRCodeButton = (require(13393) /* metro dependency 13393: FamilyCenterBannerButton */).FamilyCenterTeenQRCodeButton;
    return (
        <View>
            <FamilyCenterTeenQRCodeButton />
        </View>
    );
}

function FamilyCenterLinkingInstructionsRow({header, description, index, isLast}) { // fn#102149, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:13616:1709, offset: 0x0222f3bb, size: 318 bytes, params: 2, frame: 27
    const styles = useStyles();
    const Text = (require(4573) /* metro dependency 4573: Text */).Text;
    return (
        <View style={styles.row}>
            <View style={styles.circle}>
                <Text variant="heading-md/semibold" color="text-brand">
                    {index}
                </Text>
            </View>
            <View style={[styles.rowContent, isLast ? null : styles.gap]}>
                <Text variant="heading-sm/bold">
                    {header}
                </Text>
                <Text variant="text-sm/medium" color="text-muted">
                    {description}
                </Text>
            </View>
        </View>
    );
}

function FamilyCenterLinkingBanner() { // fn#102150, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:13616:2237, offset: 0x0222f4f9, size: 534 bytes, params: 1, frame: 27
    const styles = useStyles();
    const value2 = (importDefault(8171) /* metro dependency 8171: useIsInAdultAgeGroup */)();
    const useAgeSpecificTextModule = require(12627) /* metro dependency 12627: useAgeSpecificText */;
    let useAgeSpecificText = useAgeSpecificTextModule.useAgeSpecificText;
    const intl = (require(1244) /* metro dependency 1244: indexNative */).intl;
    let string = intl.string;
    const value3 = Reflect.apply(string, intl,
        [(importDefault(2224) /* metro dependency 2224: FamilyCenterMessages */).zUCWEL]);
    string = intl.string;
    const B0NPbp = (importDefault(2224) /* metro dependency 2224: FamilyCenterMessages */).B0NPbp;
    const value4 = Reflect.apply(useAgeSpecificText, useAgeSpecificTextModule, [value3, Reflect.apply(string, intl,
        [B0NPbp])]);
    const moduleValue2 = useAgeSpecificTextModule;
    useAgeSpecificText = moduleValue2.useAgeSpecificText;
    const value5 = intl.format((importDefault(2224) /* metro dependency 2224: FamilyCenterMessages */).yMnoDl,
        {link: 'https://support.discord.com/hc/articles/14155060633623'});
    string = intl.string;
    const JsAEDi = (importDefault(2224) /* metro dependency 2224: FamilyCenterMessages */).JsAEDi;
    const value6 = Reflect.apply(useAgeSpecificText, moduleValue2, [value5, Reflect.apply(string, intl, [JsAEDi])]);
    const image = <Image source={importDefault(13427) /* metro dependency 13427 */} style={styles.art} resizeMethod="resize" />;
    const Text = (require(4573) /* metro dependency 4573: Text */).Text;
    const text = <Text style={styles.header} variant="heading-lg/semibold">{value4}</Text>;
    const TextWithIOSLinkWorkaround = (require(6766) /* metro dependency 6766: TextWithIOSLinkWorkaround */).TextWithIOSLinkWorkaround;
    return (
        <View style={styles.container}>
            {image}
            <View style={styles.content}>
                {text}
                <TextWithIOSLinkWorkaround variant="text-sm/medium" color="text-muted">
                    {value6}
                </TextWithIOSLinkWorkaround>
            </View>
            {((Component) => <Component />)(value2 ? FamilyCenterLinkingBannerParentContent : FamilyCenterLinkingBannerTeenContent)}
        </View>
    );
}