// Module ID: 5254
// Function ID: 5255
// Name: useHeaderDebugOverlay
// Dependencies: [19, 17, 21, 4285, 712, 5255, 4281, 2]
// Exports: default

// Module 5254 (useHeaderDebugOverlay)
import "noop";
import { View } from "get ActivityIndicator";
import jsxProd from "jsxProd";
import createCacheKey from "createCacheKey";

let c4;
let c5;
let closure_6;
const require = arg1;
({ jsx: c4, Fragment: c5, jsxs: closure_6 } = jsxProd);
let closure_7 = { "os-drawn": "OS-Drawn", "custom-drawn": "Custom-Drawn", "js-stack": "JS Stack", sheet: "Sheet", bespoke: "Bespoke" };
createCacheKey = { 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" }, badge: null, "color-os-drawn": null, "color-custom-drawn": null, "color-js-stack": null, "color-sheet": null, "color-bespoke": null };
createCacheKey = { paddingHorizontal: 4, paddingVertical: 1, borderRadius: require("Themes").radii.xs };
createCacheKey[2] = createCacheKey;
createCacheKey[3] = { backgroundColor: require("Themes").colors.TEXT_LINK };
let obj1 = { backgroundColor: require("Themes").colors.TEXT_LINK };
createCacheKey[4] = { backgroundColor: require("Themes").colors.STATUS_DANGER };
let obj2 = { backgroundColor: require("Themes").colors.STATUS_DANGER };
createCacheKey[5] = { backgroundColor: require("Themes").colors.BACKGROUND_BRAND };
const obj3 = { backgroundColor: require("Themes").colors.BACKGROUND_BRAND };
createCacheKey[6] = { backgroundColor: require("Themes").colors.STATUS_POSITIVE };
const obj4 = { backgroundColor: require("Themes").colors.STATUS_POSITIVE };
createCacheKey[7] = { backgroundColor: require("Themes").colors.STATUS_WARNING };
createCacheKey = createCacheKey.createStyles(createCacheKey);
const obj5 = { backgroundColor: require("Themes").colors.STATUS_WARNING };
const result = require("jsxProd").fileFinishedImporting("modules/devtools/design_toggles/HeaderDebugOverlay.native.tsx");

export default function useHeaderDebugOverlay(arg0, arg1) {
  const tmp3 = createCacheKey();
  if (tmp2) {
    let tmp6 = arg1;
    const _HermesInternal = HermesInternal;
    const tmp8 = tmp3["color-" + arg0];
    if (arg1 == null) {
      tmp6 = table[arg0];
    }
    let obj = { children: null };
    obj = { style: null };
    const items = [tmp3.tintWash, tmp8];
    obj[0] = items;
    const items1 = [callback(View, obj), ];
    obj = { style: null, children: null };
    obj[0] = tmp3.badgeContainer;
    const obj1 = { style: null, children: null };
    const items2 = [tmp3.badge, tmp8];
    obj1[0] = items2;
    const obj2 = { variant: "text-xs/bold", color: "text-overlay-light", children: null };
    obj2[2] = tmp6;
    obj1[1] = callback(require(4281) /* Text */.Text, obj2);
    obj[1] = callback(View, obj1);
    items1[1] = callback(View, obj);
    obj[0] = items1;
    return callback2(closure_5, obj);
  } else {
    return null;
  }
  tmp2 = importDefault(5255)("show_header_debug_info");
};