/* Metro module 14339; source: modules/auth/native/components/ExternalLink.tsx; dependencies: [31, 27, 33, 4501, 697, 8973, 1484, 9003, 1244, 4573, 6261, 4578, 2] */
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});
    const env0_3 = importAll(31) /* metro dependency 31 */;
    let value = require(27) /* metro dependency 27 */;
    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 = (require(4501) /* metro dependency 4501: createStyles */).createStyles(_fun108520);
    (require(2) /* metro dependency 2 */).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 object = {'backgroundColor': null, 'height': '100%', 'display': 'flex'};
    const BACKGROUND_BASE_LOW = (importDefault(697) /* metro dependency 697: native */).colors.BACKGROUND_BASE_LOW;
    object.backgroundColor = BACKGROUND_BASE_LOW;
    object.justifyContent = a0 ? 'space-between' : 'center';
    let space = (importDefault(697) /* metro dependency 697: native */).space;
    object.paddingLeft = a0 ? space.PX_24 : space.PX_16;
    space = (importDefault(697) /* metro dependency 697: native */).space;
    object.paddingRight = a0 ? space.PX_24 : space.PX_16;
    return {container: object, 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((importDefault(8973) /* metro dependency 8973: useWideAuthView */)());
    const env0_1 = (require(1484) /* metro dependency 1484: useNavigationNative */).useNavigation();
    const binding = env0_3;
    const value3 = binding.useCallback(function() {
        Linking.openURL(externalURL);
    }, [externalURL]);
    binding.useEffect(_fun108523, [value3]);
    let value = importDefault(9003) /* metro dependency 9003: 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 = (require(4573) /* metro dependency 4573: Text */).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 = (require(6261) /* metro dependency 6261: ButtonGroupNative */).ButtonGroup;
    const Button = (require(4578) /* metro dependency 4578: ButtonNative */).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>
    );
}