/* Metro module 14339; source: modules/auth/native/components/ExternalLink.tsx; dependencies: [31, 27, 33, 4501, 697, 8973, 1484, 9003, 1244, 4573, 6261, 4578, 2] */
import UseWideAuthView from '../useWideAuthView.tsx'; /* Metro dependency 8973 */
import AuthHeader from './atoms/AuthHeader.tsx'; /* Metro dependency 9003 */
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 UseNavigationNativeModule from '../../../../design/components/Navigator/native/useNavigation.native.tsx'; /* Metro dependency 1484 */
import * as CreateStylesModule from '../../../../design/components/Styles/native/createStyles.tsx'; /* Metro dependency 4501 */
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 ButtonGroupNativeModule from '../../../../design/components/ButtonGroup/native/ButtonGroup.native.tsx'; /* Metro dependency 6261 */

function _fun108519(global, require, importDefault, importAll, module, exports, dependencyMap) { // fn#108519, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:14536:6, offset: 0x02323b2e, size: 225 bytes, params: 8, frame: 18
    const env0_0 = require;
    const Object = global.Object;
    Object.defineProperty(exports, '__esModule', {value: true});
    let value = ReactNativeModule;
    const env0_4 = value.Linking;
    const env0_5 = value.ScrollView;
    const env0_6 = value.View;
    value = require(33) /* metro dependency 33 */;
    const env0_7 = value.jsx;
    const env0_8 = value.jsxs;
    const env0_9 = (CreateStylesModule).createStyles(_fun108520);
    (FileImportTrackerModule).fileFinishedImporting('modules/auth/native/components/ExternalLink.tsx');
    exports.default = ExternalLink;
    function _fun108520(a0) { // fn#108520, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:14536:203, offset: 0x02323c0f, size: 188 bytes, params: 2, frame: 17
        const object2 = {'backgroundColor': null, 'height': '100%', 'display': 'flex'};
        const BACKGROUND_BASE_LOW = (importDefault(697) /* metro dependency 697: native */).colors.BACKGROUND_BASE_LOW;
        object2.backgroundColor = BACKGROUND_BASE_LOW;
        object2.justifyContent = a0 ? 'space-between' : 'center';
        let space = (importDefault(697) /* metro dependency 697: native */).space;
        object2.paddingLeft = a0 ? space.PX_24 : space.PX_16;
        space = (importDefault(697) /* metro dependency 697: native */).space;
        object2.paddingRight = a0 ? space.PX_24 : space.PX_16;
        return {container: object2, description: {'textAlign': 'center', 'marginTop': 8}};
    }

    function ExternalLink({externalURL}) { // fn#108521, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:14536:592, offset: 0x02323ccb, size: 630 bytes, params: 2, frame: 28
        const styles = useStyles((UseWideAuthView)());
        const env0_1 = (UseNavigationNativeModule).useNavigation();
        const value3 = ReactModule.useCallback(function() {
            Linking.openURL(externalURL);
        }, [externalURL]);
        ReactModule.useEffect(_fun108523, [value3]);
        let value = AuthHeader;
        const intl = (require(1244) /* metro dependency 1244: indexNative */).intl;
        value = ((Component) => <Component>{intl.string((require(1244) /* metro dependency 1244: indexNative */).t['0Niu/F'])}</Component>)(value);
        const Text = (TextModule).Text;
        value = (
            <View>
                {value}
                <Text
                    style={styles.description}
                    variant="text-md/medium"
                    color="text-default"
                >
                    {intl.string((require(1244) /* metro dependency 1244: indexNative */).t.nToOEg)}
                </Text>
            </View>
        );
        const items2 = [value];
        const ButtonGroup = (ButtonGroupNativeModule).ButtonGroup;
        const Button = (ButtonNativeModule).Button;
        items2[1] = (
            <ButtonGroup>
                <Button
                    shrink
                    variant="primary"
                    text={intl.string((require(1244) /* metro dependency 1244: indexNative */).t['2ixEBi'])}
                    onPress={value3}
                />
                <Button
                    shrink
                    variant="secondary"
                    text={intl.string((require(1244) /* metro dependency 1244: indexNative */).t.j3cG2p)}
                    onPress={onPress_108524}
                />
            </ButtonGroup>
        );
        return (
            <ScrollView
                alwaysBounceVertical={false}
                keyboardShouldPersistTaps="handled"
                contentContainerStyle={styles.container}
            >
                {items2}
            </ScrollView>
        );
        function _fun108523() { // fn#108523, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:14536:742, offset: 0x01e9d98f, size: 15 bytes, params: 1, frame: 9
            env0_2();
        }

        function ExternalLinkOnPress() { // fn#108524, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:14536:1318, owner: ExternalLink.onPress, offset: 0x020b36c6, size: 19 bytes, params: 1, frame: 9
            return env0_1.pop();
        }

    }

}

global.__d(_fun108519, 14339, [31, 27, 33, 4501, 697, 8973, 1484, 9003, 1244, 4573, 6261, 4578,
        2]) /* metro module 14339, dependencies: [31, 27, 33, 4501, 697, 8973, 1484, 9003, 1244, 4573, 6261, 4578, 2] */;