/* Metro module 5283; source: modules/devtools/design_toggles/HeaderDebugOverlay.native.tsx; dependencies: [31, 27, 33, 4501, 697, 5115, 4573, 2] */
import UseDesignToggle from './useDesignToggle.tsx'; /* Metro dependency 5115 */
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 */

function _fun46972(global, require, importDefault, importAll, module, exports, dependencyMap) { // fn#46972, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:5461:6, offset: 0x011b45df, size: 467 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_4 = value.jsx;
    const env0_5 = value.Fragment;
    const env0_6 = value.jsxs;
    const env0_7 = {'os-drawn': 'OS-Drawn', 'custom-drawn': 'Custom-Drawn', 'js-stack': 'JS Stack', 'sheet': 'Sheet',
        'bespoke': 'Bespoke'};
    value = require(4501) /* metro dependency 4501: createStyles */;
    const createStyles = value.createStyles;
    object = {tintWash: {'position': 'absolute', 'top': 0, 'left': 0, 'right': 0, 'bottom': 0, 'pointerEvents': 'none',
        'opacity': 0.15}, badgeContainer: {'position': 'absolute', 'bottom': 2, 'right': 4, 'pointerEvents': 'none'}};
    const object2 = {'paddingHorizontal': 4, 'paddingVertical': 1};
    object2.borderRadius = (importDefault(697) /* metro dependency 697: native */).radii.xs;
    object.badge = object2;
    const TEXT_LINK = (importDefault(697) /* metro dependency 697: native */).colors.TEXT_LINK;
    object['color-os-drawn'] = {backgroundColor: TEXT_LINK};
    const STATUS_DANGER = (importDefault(697) /* metro dependency 697: native */).colors.STATUS_DANGER;
    object['color-custom-drawn'] = {backgroundColor: STATUS_DANGER};
    const BACKGROUND_BRAND = (importDefault(697) /* metro dependency 697: native */).colors.BACKGROUND_BRAND;
    object['color-js-stack'] = {backgroundColor: BACKGROUND_BRAND};
    const STATUS_POSITIVE = (importDefault(697) /* metro dependency 697: native */).colors.STATUS_POSITIVE;
    object['color-sheet'] = {backgroundColor: STATUS_POSITIVE};
    const STATUS_WARNING = (importDefault(697) /* metro dependency 697: native */).colors.STATUS_WARNING;
    object['color-bespoke'] = {backgroundColor: STATUS_WARNING};
    const env0_8 = Reflect.apply(createStyles, value, [object]);
    (FileImportTrackerModule).fileFinishedImporting('modules/devtools/design_toggles/HeaderDebugOverlay.native.tsx');
    exports.default = useHeaderDebugOverlay;
    function useHeaderDebugOverlay(a0, a1) { // fn#46973, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:5461:967, offset: 0x011b47b2, size: 276 bytes, params: 3, frame: 23
        var r11;
        var property;
        var jsxRuntimeEnv0_5Binding;
        var items2;
        let value = a1;
        const value3 = (UseDesignToggle)('show_header_debug_info');
        const styles = useStyles();
        if (value3) {
            property = styles['color-' + a0];
            r11 = value ?? env0_7[a0];
            jsxRuntimeEnv0_5Binding = jsxRuntimeEnv0_5;
            value = <View style={[styles.tintWash, property]} />;
            items2 = [value];
            items2[1] = (
                <View style={styles.badgeContainer}>
                    <View style={[styles.badge, property]}>
                        {((Text) => <Text variant="text-xs/bold" color="white">{r11}</Text>)((require(4573) /* metro dependency 4573: Text */).Text)}
                    </View>
                </View>
            );
            return (
                <>
                    {items2}
                </>
            );
        }
        return null;
    }

}

global.__d(_fun46972, 5283, [31, 27, 33, 4501, 697, 5115, 4573,
        2]) /* metro module 5283, dependencies: [31, 27, 33, 4501, 697, 5115, 4573, 2] */;