/* Metro module 10197; source: modules/safety_common/native/URLCallout.tsx; dependencies: [31, 27, 33, 4501, 697, 10198, 4573, 2] */
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 JsxRuntimeModule from '../../../by-id/module-00033-JsxRuntime.js'; /* Metro dependency 33 */
import * as TextModule from '../../../design/components/Text/native/Text.tsx'; /* Metro dependency 4573 */
import * as SharedStateUtilsModule from '../../masked_link/SharedStateUtils.tsx'; /* Metro dependency 10198 */

function _fun79314(global, require, importDefault, importAll, module, exports, dependencyMap) { // fn#79314, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:10383:6, offset: 0x01e4d401, size: 328 bytes, params: 8, frame: 22
    const env0_0 = require;
    const Object = global.Object;
    Object.defineProperty(exports, '__esModule', {value: true});
    ReactModule;
    let value = JsxRuntimeModule;
    const env0_3 = value.jsxs;
    const env0_4 = value.jsx;
    value = require(4501) /* metro dependency 4501: createStyles */;
    const createStyles = value.createStyles;
    object = {};
    const object2 = {'maxHeight': 300, 'backgroundColor': null, 'width': '100%'};
    const BACKGROUND_SURFACE_HIGH = (importDefault(697) /* metro dependency 697: native */).colors.BACKGROUND_SURFACE_HIGH;
    object2.backgroundColor = BACKGROUND_SURFACE_HIGH;
    object2.borderRadius = (importDefault(697) /* metro dependency 697: native */).radii.md;
    object.linkCalloutContainer = object2;
    const object3 = {};
    const PX_8 = (importDefault(697) /* metro dependency 697: native */).space.PX_8;
    object3.padding = PX_8;
    const PX_12 = (importDefault(697) /* metro dependency 697: native */).space.PX_12;
    object3.paddingVertical = PX_12;
    object3.textAlign = 'center';
    object.linkCalloutContainerText = object3;
    const env0_5 = Reflect.apply(createStyles, value, [object]);
    (FileImportTrackerModule).fileFinishedImporting('modules/safety_common/native/URLCallout.tsx');
    exports.URLCallout = URLCallout;
    function URLCallout({url}) { // fn#79315, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:10383:512, offset: 0x01e4d549, size: 303 bytes, params: 2, frame: 25
        const styles = useStyles();
        const {protocol, hostname,
            theRestOfTheUrl} = (SharedStateUtilsModule).useUrlParts(url);
        const Text = (TextModule).Text;
        const Text2 = (TextModule).Text;
        const items2 = [
            <Text2 variant="text-md/normal" color="text-muted">
                {protocol}
                {'//'}
            </Text2>,
        ];
        const Text3 = (TextModule).Text;
        items2[1] = (
            <Text3 variant="text-md/semibold" color="text-default">
                {hostname}
            </Text3>
        );
        const Text4 = (TextModule).Text;
        items2[2] = (
            <Text4 variant="text-md/normal" color="text-muted">
                {theRestOfTheUrl}
            </Text4>
        );
        return (
            <ScrollView style={styles.linkCalloutContainer}>
                <Text style={styles.linkCalloutContainerText} variant="text-md/normal">
                    {items2}
                </Text>
            </ScrollView>
        );
    }

}

global.__d(_fun79314, 10197, [31, 27, 33, 4501, 697, 10198, 4573,
        2]) /* metro module 10197, dependencies: [31, 27, 33, 4501, 697, 10198, 4573, 2] */;