/* Metro module 10197; source: modules/safety_common/native/URLCallout.tsx; dependencies: [31, 27, 33, 4501, 697, 10198, 4573, 2] */
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
    var object4;
    const env0_0 = require;
    const Object = global.Object;
    Object.defineProperty(exports, '__esModule', {value: true});
    importAll(31) /* metro dependency 31 */;
    const env0_2 = (require(27) /* metro dependency 27 */).ScrollView;
    let value = require(33) /* metro dependency 33 */;
    const env0_3 = value.jsxs;
    const env0_4 = value.jsx;
    value = require(4501) /* metro dependency 4501: createStyles */;
    const createStyles = value.createStyles;
    object4 = {};
    const object5 = {'maxHeight': 300, 'backgroundColor': null, 'width': '100%'};
    const BACKGROUND_SURFACE_HIGH = (importDefault(697) /* metro dependency 697: native */).colors.BACKGROUND_SURFACE_HIGH;
    object5.backgroundColor = BACKGROUND_SURFACE_HIGH;
    object5.borderRadius = (importDefault(697) /* metro dependency 697: native */).radii.md;
    object4.linkCalloutContainer = object5;
    const object6 = {};
    const PX_8 = (importDefault(697) /* metro dependency 697: native */).space.PX_8;
    object6.padding = PX_8;
    const PX_12 = (importDefault(697) /* metro dependency 697: native */).space.PX_12;
    object6.paddingVertical = PX_12;
    object6.textAlign = 'center';
    object4.linkCalloutContainerText = object6;
    const env0_5 = Reflect.apply(createStyles, value, [object4]);
    (require(2) /* metro dependency 2 */).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} = (require(10198) /* metro dependency 10198: SharedStateUtils */).useUrlParts(url);
    const Text = (require(4573) /* metro dependency 4573: Text */).Text;
    const Text2 = (require(4573) /* metro dependency 4573: Text */).Text;
    const items2 = [<Text2 variant="text-md/normal" color="text-muted">{protocol}{'//'}</Text2>];
    const Text3 = (require(4573) /* metro dependency 4573: Text */).Text;
    items2[1] = <Text3 variant="text-md/semibold" color="text-default">{hostname}</Text3>;
    const Text4 = (require(4573) /* metro dependency 4573: Text */).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>
    );
}