/* 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] */
import FamilyCenterMessages from '../FamilyCenter.messages.js'; /* Metro dependency 2224 */
import UseIsInAdultAgeGroup from '../hooks/useIsInAdultAgeGroup.tsx'; /* Metro dependency 8171 */
import Module13427 from '../../../by-id/module-13427.js'; /* Metro dependency 13427 */
import * as FileImportTrackerModule from '../../../by-id/module-00002-FileImportTracker.js'; /* Metro dependency 2 */
import * as ReactNativeModule from '../../../by-id/module-00027-ReactNative.js'; /* Metro dependency 27 */
import * as ReactModule from '../../../by-id/module-00031-React.js'; /* Metro dependency 31 */
import * as IndexNativeModule from '../../../intl/index.native.tsx'; /* Metro dependency 1244 */
import * as TextModule from '../../../design/components/Text/native/Text.tsx'; /* Metro dependency 4573 */
import * as TextWithIOSLinkWorkaroundModule from '../../a11y/native/TextWithIOSLinkWorkaround.tsx'; /* Metro dependency 6766 */
import * as UseAgeSpecificTextModule from '../hooks/useAgeSpecificText.tsx'; /* Metro dependency 12627 */
import * as FamilyCenterBannerButtonModule from './FamilyCenterBannerButton.tsx'; /* Metro dependency 13393 */

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
    const env0_0 = require;
    const Object = global.Object;
    Object.defineProperty(exports, '__esModule', {value: true});
    ReactModule;
    let value = ReactNativeModule;
    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;
    object = {};
    const object2 = {'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;
    object2.backgroundColor = BACKGROUND_BASE_LOW;
    let PX_16 = (importDefault(697) /* metro dependency 697: native */).space.PX_16;
    object2.marginVertical = PX_16;
    object2.borderRadius = (importDefault(697) /* metro dependency 697: native */).radii.md;
    object.container = object2;
    PX_16 = (importDefault(697) /* metro dependency 697: native */).space.PX_16;
    object.content = {padding: PX_16};
    const PX_12 = (importDefault(697) /* metro dependency 697: native */).space.PX_12;
    object.art = {'width': '100%', 'height': 175, marginBottom: PX_12};
    let PX_8 = (importDefault(697) /* metro dependency 697: native */).space.PX_8;
    object.header = {marginBottom: PX_8};
    const env0_7 = Reflect.apply(createStyles, value, [object]);
    value = require(4501) /* metro dependency 4501: createStyles */;
    createStyles = value.createStyles;
    const object6 = {};
    PX_8 = (importDefault(697) /* metro dependency 697: native */).space.PX_8;
    object6.marginTop = PX_8;
    PX_16 = (importDefault(697) /* metro dependency 697: native */).space.PX_16;
    object6.paddingHorizontal = PX_16;
    object6.width = '100%';
    const env0_8 = Reflect.apply(createStyles, value, [{container: object6}]);
    value = require(4501) /* metro dependency 4501: createStyles */;
    createStyles = value.createStyles;
    const object8 = {'display': 'flex', 'flexDirection': 'column', 'justifyContent': 'center', 'alignItems': 'center',
        'overflow': 'hidden', 'width': 32, 'height': 32};
    object8.borderRadius = (importDefault(697) /* metro dependency 697: native */).radii.round;
    const BACKGROUND_MOD_NORMAL = (importDefault(697) /* metro dependency 697: native */).colors.BACKGROUND_MOD_NORMAL;
    object8.backgroundColor = BACKGROUND_MOD_NORMAL;
    const env0_9 = Reflect.apply(createStyles, value, [{row: {'display': 'flex', 'flexDirection': 'row',
        'alignItems': 'flex-start'}, gap: {marginBottom: 12}, circle: object8, rowContent: {'marginLeft': 12,
        'flex': 1}}]);
    (FileImportTrackerModule).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 = (FamilyCenterBannerButtonModule).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 = (FamilyCenterBannerButtonModule).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 = (TextModule).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 = (UseIsInAdultAgeGroup)();
        let useAgeSpecificText = UseAgeSpecificTextModule.useAgeSpecificText;
        const intl = (IndexNativeModule).intl;
        let string = intl.string;
        const value3 = Reflect.apply(string, intl,
            [(FamilyCenterMessages).zUCWEL]);
        string = intl.string;
        const B0NPbp = (FamilyCenterMessages).B0NPbp;
        const value4 = Reflect.apply(useAgeSpecificText, UseAgeSpecificTextModule, [value3, Reflect.apply(string, intl,
            [B0NPbp])]);
        useAgeSpecificText = UseAgeSpecificTextModule.useAgeSpecificText;
        const value5 = intl.format((FamilyCenterMessages).yMnoDl,
            {link: 'https://support.discord.com/hc/articles/14155060633623'});
        string = intl.string;
        const JsAEDi = (FamilyCenterMessages).JsAEDi;
        const value6 = Reflect.apply(useAgeSpecificText, UseAgeSpecificTextModule, [value5, Reflect.apply(string, intl, [JsAEDi])]);
        const image = (
            <Image
                source={Module13427}
                style={styles.art}
                resizeMethod="resize"
            />
        );
        const Text = (TextModule).Text;
        const text = (
            <Text style={styles.header} variant="heading-lg/semibold">
                {value4}
            </Text>
        );
        const TextWithIOSLinkWorkaround = (TextWithIOSLinkWorkaroundModule).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>
        );
    }

}

global.__d(_fun102146, 13426, [31, 27, 33, 4501, 697, 8171, 12627, 1244, 2224, 13427, 4573, 6766, 13393,
        2]) /* metro module 13426, dependencies: [31, 27, 33, 4501, 697, 8171, 12627, 1244, 2224, 13427, 4573, 6766, 13393, 2] */;