/* Metro module 9288; source: modules/rtc/native/SecureFramesCode.tsx; dependencies: [31, 27, 482, 33, 4501, 697, 4573, 2] */
function _fun72648(global, require, importDefault, importAll, module, exports, dependencyMap) { // fn#72648, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:9474:6, offset: 0x01d4ca2e, size: 522 bytes, params: 8, frame: 22
    var object2;
    const env0_0 = require;
    const Object = global.Object;
    Object.defineProperty(exports, '__esModule', {value: true});
    const env0_2 = importAll(31) /* metro dependency 31 */;
    let value = require(27) /* metro dependency 27 */;
    const env0_3 = value.ActivityIndicator;
    const env0_4 = value.View;
    const Fonts = (require(482) /* metro dependency 482: Constants */).Fonts;
    value = require(33) /* metro dependency 33 */;
    const env0_5 = value.jsx;
    const env0_6 = value.jsxs;
    const env0_7 = value.Fragment;
    value = require(4501) /* metro dependency 4501: createStyles */;
    const createStyles = value.createStyles;
    object2 = {};
    const CODE_NORMAL = Fonts.CODE_NORMAL;
    object2.codeText = {fontFamily: CODE_NORMAL};
    object2.row = {'flexDirection': 'row', 'justifyContent': 'space-around', 'paddingVertical': 8};
    let BORDER_SUBTLE = (importDefault(697) /* metro dependency 697: native */).colors.BORDER_SUBTLE;
    object2.divider = {height: 1, backgroundColor: BORDER_SUBTLE};
    const object3 = {'backgroundColor': null, 'borderTopRightRadius': null, 'borderTopLeftRadius': null,
        'paddingVertical': 10, 'paddingHorizontal': 16, 'justifyContent': 'space-between', 'alignItems': 'center',
        'flexDirection': 'row'};
    const BACKGROUND_BASE_LOWEST = (importDefault(697) /* metro dependency 697: native */).colors.BACKGROUND_BASE_LOWEST;
    object3.backgroundColor = BACKGROUND_BASE_LOWEST;
    object3.borderTopRightRadius = (importDefault(697) /* metro dependency 697: native */).radii.lg;
    object3.borderTopLeftRadius = (importDefault(697) /* metro dependency 697: native */).radii.lg;
    object2.codeHeader = object3;
    const object6 = {'backgroundColor': null, 'paddingVertical': 8, 'paddingHorizontal': 16};
    BORDER_SUBTLE = (importDefault(697) /* metro dependency 697: native */).colors.BORDER_SUBTLE;
    object6.backgroundColor = BORDER_SUBTLE;
    object6.borderBottomRightRadius = (importDefault(697) /* metro dependency 697: native */).radii.lg;
    object6.borderBottomLeftRadius = (importDefault(697) /* metro dependency 697: native */).radii.lg;
    object2.code = object6;
    object2.loading = {minHeight: 126};
    const env0_8 = Reflect.apply(createStyles, value, [object2]);
    (require(2) /* metro dependency 2 */).fileFinishedImporting('modules/rtc/native/SecureFramesCode.tsx');
    exports.default = SecureFramesCode;
}

function SecureFramesCodeGrid({chunks, columns}) { // fn#72649, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:9474:852, offset: 0x01d4cc38, size: 119 bytes, params: 2, frame: 17
    return (
        <>
            {useStyles().useMemo(function() {
        var r1;
        var r7;
        var items2;
        var value4;
        var value5;
        var value6;
        var items = [];
        var Math = global.Math;
        var value2 = Math.ceil(chunks.length / columns);
        var value3 = 0;
        if (value3 < value2) {
            r1 = value3;
            reducibleLoop1: while (true) {
                items2 = [];
                columnsBinding = columns;
                if (value3 < columnsBinding) {
                    r7 = value3;
                    reducibleLoop2: while (true) {
                        columnsBinding = columns;
                        value4 = r1 * columnsBinding + r7;
                        items2.push(chunks[value4]);
                        value5 = typeof r7 === 'bigint' ? r7 + 1n : +r7 + 1;
                        if (value5 < columnsBinding) {
                            r7 = value5;
                            continue reducibleLoop2;
                        }
                        break reducibleLoop2;
                    }
                }
                items.push(items2);
                value6 = typeof r1 === 'bigint' ? r1 + 1n : +r1 + 1;
                if (value6 < value2) {
                    r1 = value6;
                    continue reducibleLoop1;
                }
                break reducibleLoop1;
            }
        }
        return items;
    }, [chunks, columns]).map(_fun72651)}
        </>
    );
}

function SecureFramesCode({title, trailing, chunks, columns}) { // fn#72653, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:9474:1408, offset: 0x01d4ce63, size: 253 bytes, params: 2, frame: 25
    const styles = useStyles();
    const jsxRuntimeEnv0_7Binding = jsxRuntimeEnv0_7;
    const Text = (require(4573) /* metro dependency 4573: Text */).Text;
    return (
        <>
            <View style={styles.codeHeader}>
                <Text color="mobile-text-heading-primary" variant="heading-md/semibold">
                    {title}
                </Text>
                {trailing}
            </View>
            <View style={styles.code}>
                {chunks != null ? <SecureFramesCodeGrid chunks={chunks} columns={columns} /> : <ActivityIndicator style={styles.loading} />}
            </View>
        </>
    );
}

function _fun72651(a0, a1) { // fn#72651, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:9474:1089, offset: 0x01d4cd2e, size: 195 bytes, params: 3, frame: 22
    var environment;
    const value = environment.__proto__;
    return (
        <View key={'' + a0.join(' ') + '-' + a1}>
            <View style={styles.row}>
                {a0.map(_fun72652)}
            </View>
            {a1 < env0_3.length - 1 && <View style={styles.divider} />}
        </View>
    );
}

function _fun72652(a0, a1) { // fn#72652, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:9474:1144, offset: 0x01d4cdf1, size: 114 bytes, params: 3, frame: 19
    const Text = (require(4573) /* metro dependency 4573: Text */).Text;
    return (
        <Text
            style={styles.codeText}
            variant="text-md/normal"
            color="text-default"
            key={'' + a0 + '-' + a1}
        >
            {a0}
        </Text>
    );
}