/* Metro module 15797; source: modules/nuf/native/components/RedesignDiscoverabilityLanding.tsx; dependencies: [31, 27, 33, 4501, 697, 1585, 5314, 4573, 1244, 5475, 12047, 11997, 4578, 2] */
function _fun121380(global, require, importDefault, importAll, module, exports, dependencyMap) { // fn#121380, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:16005:6, offset: 0x0254629e, size: 418 bytes, params: 8, frame: 23
    var object2;
    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.ScrollView;
    value = require(33) /* metro dependency 33 */;
    const env0_5 = value.jsx;
    const env0_6 = value.jsxs;
    value = require(4501) /* metro dependency 4501: createStyles */;
    const createStyles = value.createStyles;
    object2 = {};
    const BACKGROUND_BASE_LOW = (importDefault(697) /* metro dependency 697: native */).colors.BACKGROUND_BASE_LOW;
    object2.container = {flex: 1, backgroundColor: BACKGROUND_BASE_LOW};
    let PX_16 = (importDefault(697) /* metro dependency 697: native */).space.PX_16;
    object2.topContainer = {paddingTop: PX_16};
    object2.growContainer = {flexGrow: 2};
    let PX_32 = (importDefault(697) /* metro dependency 697: native */).space.PX_32;
    object2.image = {width: '100%', marginBottom: PX_32};
    PX_16 = (importDefault(697) /* metro dependency 697: native */).space.PX_16;
    object2.title = {textAlign: 'center', marginBottom: PX_16};
    PX_32 = (importDefault(697) /* metro dependency 697: native */).space.PX_32;
    object2.subtitle = {textAlign: 'center', marginBottom: PX_32};
    object2.info = {'paddingHorizontal': 16, 'marginTop': 8, 'marginBottom': 24, 'textAlign': 'center'};
    const env0_7 = Reflect.apply(createStyles, value, [object2]);
    (require(2) /* metro dependency 2 */).fileFinishedImporting('modules/nuf/native/components/RedesignDiscoverabilityLanding.tsx');
    exports.default = RedesignDiscoverabilityLanding;
}

function RedesignDiscoverabilityLanding({onNext}) { // fn#121381, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:16005:695, offset: 0x02546440, size: 769 bytes, params: 2, frame: 29
    const styles = useStyles();
    const bottom = (importDefault(1585) /* metro dependency 1585: useSafeAreaInsetsNative */)().bottom;
    const object = {flexGrow: 2};
    const NAV_BAR_HEIGHT = (require(5314) /* metro dependency 5314: NavigatorConstantsNative */).NAV_BAR_HEIGHT;
    object.paddingTop = NAV_BAR_HEIGHT + 32;
    object.paddingBottom = bottom + 16;
    const PX_16 = (importDefault(697) /* metro dependency 697: native */).space.PX_16;
    object.paddingHorizontal = PX_16;
    const items3 = [<View style={styles.topContainer} />];
    const Text = (require(4573) /* metro dependency 4573: Text */).Text;
    const intl = (require(1244) /* metro dependency 1244: indexNative */).intl;
    let string = intl.string;
    items3[1] = <Text style={styles.title} accessibilityRole="header" variant="heading-xl/extrabold" color="mobile-text-heading-primary">{Reflect.apply(string,
        intl, [(require(1244) /* metro dependency 1244: indexNative */).t.n8nw6j])}</Text>;
    string = intl.string;
    const KMW0kP = (require(1244) /* metro dependency 1244: indexNative */).t.KMW0kP;
    items3[2] = <Text variant="text-sm/medium" color="text-default" style={styles.subtitle}>{Reflect.apply(string, intl,
        [KMW0kP])}</Text>;
    items3[3] = ((Component) => <Component resizeMode="contain" style={styles.image} source={importDefault(12047) /* metro dependency 12047 */} />)(importDefault(5475) /* metro dependency 5475: FastImage */);
    const items2 = [intl.string((require(1244) /* metro dependency 1244: indexNative */).t.ci12MJ), ' '];
    const format = intl.format;
    const VcSQ4n = (require(1244) /* metro dependency 1244: indexNative */).t.VcSQ4n;
    items2[2] = Reflect.apply(format, intl, [VcSQ4n, {learnMoreHook: learnMoreHook}]);
    items3[4] = <Text style={styles.info} variant="text-sm/medium" color="text-default">{items2}</Text>;
    items3[5] = <View style={styles.growContainer} />;
    const Button = (require(4578) /* metro dependency 4578: ButtonNative */).Button;
    items3[6] = <Button variant="primary" size="lg" text={intl.string((require(1244) /* metro dependency 1244: indexNative */).t.gHPk3I)} onPress={onNext} />;
    return (
        <ScrollView
            style={styles.container}
            alwaysBounceVertical={false}
            contentContainerStyle={object}
        >
            {items3}
        </ScrollView>
    );
}

function RedesignDiscoverabilityLandingLearnMoreHook(a0, a1) { // fn#121382, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:16005:1543, owner: RedesignDiscoverabilityLanding.learnMoreHook, offset: 0x02546741, size: 91 bytes, params: 3, frame: 17
    const Text = (require(4573) /* metro dependency 4573: Text */).Text;
    return (
        <Text
            onPress={(require(11997) /* metro dependency 11997: ContactSyncUtils */).handleOpenLearnMoreLink}
            variant="text-sm/medium"
            color="text-link"
            key={a1}
        >
            {a0}
        </Text>
    );
}