/* 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] */
import Native from '../../../../external/discord_common/js/packages/tokens/native.tsx'; /* Metro dependency 697 */
import UseSafeAreaInsetsNative from '../../../safe_area/useSafeAreaInsets.native.tsx'; /* Metro dependency 1585 */
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 TextModule from '../../../../design/components/Text/native/Text.tsx'; /* Metro dependency 4573 */
import * as ButtonNativeModule from '../../../../design/components/Button/native/Button.native.tsx'; /* Metro dependency 4578 */
import * as NavigatorConstantsNativeModule from '../../../../design/components/Navigator/native/NavigatorConstants.native.tsx'; /* Metro dependency 5314 */
import * as ContactSyncUtilsModule from '../../../contact_sync/native/ContactSyncUtils.tsx'; /* Metro dependency 11997 */

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
    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.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;
    object = {};
    const BACKGROUND_BASE_LOW = (importDefault(697) /* metro dependency 697: native */).colors.BACKGROUND_BASE_LOW;
    object.container = {flex: 1, backgroundColor: BACKGROUND_BASE_LOW};
    let PX_16 = (importDefault(697) /* metro dependency 697: native */).space.PX_16;
    object.topContainer = {paddingTop: PX_16};
    object.growContainer = {flexGrow: 2};
    let PX_32 = (importDefault(697) /* metro dependency 697: native */).space.PX_32;
    object.image = {width: '100%', marginBottom: PX_32};
    PX_16 = (importDefault(697) /* metro dependency 697: native */).space.PX_16;
    object.title = {textAlign: 'center', marginBottom: PX_16};
    PX_32 = (importDefault(697) /* metro dependency 697: native */).space.PX_32;
    object.subtitle = {textAlign: 'center', marginBottom: PX_32};
    object.info = {'paddingHorizontal': 16, 'marginTop': 8, 'marginBottom': 24, 'textAlign': 'center'};
    const env0_7 = Reflect.apply(createStyles, value, [object]);
    (FileImportTrackerModule).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 = (UseSafeAreaInsetsNative)().bottom;
        const object2 = {flexGrow: 2};
        const NAV_BAR_HEIGHT = (NavigatorConstantsNativeModule).NAV_BAR_HEIGHT;
        object2.paddingTop = NAV_BAR_HEIGHT + 32;
        object2.paddingBottom = bottom + 16;
        const PX_16 = (Native).space.PX_16;
        object2.paddingHorizontal = PX_16;
        const items3 = [
            <View style={styles.topContainer} />,
        ];
        const Text = (TextModule).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_121382}]);
        items3[4] = (
            <Text
                style={styles.info}
                variant="text-sm/medium"
                color="text-default"
            >
                {items2}
            </Text>
        );
        items3[5] = <View style={styles.growContainer} />;
        const Button = (ButtonNativeModule).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={object2}
            >
                {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 = (TextModule).Text;
            return (
                <Text
                    onPress={(ContactSyncUtilsModule).handleOpenLearnMoreLink}
                    variant="text-sm/medium"
                    color="text-link"
                    key={a1}
                >
                    {a0}
                </Text>
            );
        }

    }

}

global.__d(_fun121380, 15797, [31, 27, 33, 4501, 697, 1585, 5314, 4573, 1244, 5475, 12047, 11997, 4578,
        2]) /* metro module 15797, dependencies: [31, 27, 33, 4501, 697, 1585, 5314, 4573, 1244, 5475, 12047, 11997, 4578, 2] */;