// Module ID: 12689
// Function ID: 12690
// Name: GuildPowerupsWarning
// Dependencies: [19, 17, 21, 4636, 576, 7083, 12690, 6711, 4632, 2]
// Exports: default

// Module 12689 (GuildPowerupsWarning)
import nativeDefault from "native" /* 576 */;
import Text_Text from "Text/Text" /* 4632 */;
import noop from "module_19" /* 19 */;

const require = globalThis.__r;

require = fn;
const View = fn(17).View;
const jsxProd = fn(21);
({ jsx: closure_4, jsxs: hasOwnProperty } = jsxProd);
const createStyles = fn(4636);
let obj2 = { container: { flexDirection: "row", alignItems: "flex-start", padding: nativeDefault.space.PX_24, backgroundColor: nativeDefault.colors.BACKGROUND_FEEDBACK_WARNING, borderWidth: 1, borderColor: nativeDefault.colors.STATUS_WARNING, borderRadius: nativeDefault.radii.lg, gap: nativeDefault.space.PX_8, overflow: "hidden" }, contentContainer: null, warningText: null, text: null };
let obj3 = { flexDirection: "row", alignItems: "flex-start", padding: nativeDefault.space.PX_24, backgroundColor: nativeDefault.colors.BACKGROUND_FEEDBACK_WARNING, borderWidth: 1, borderColor: nativeDefault.colors.STATUS_WARNING, borderRadius: nativeDefault.radii.lg, gap: nativeDefault.space.PX_8, overflow: "hidden" };
obj2.contentContainer = { flex: 1, gap: nativeDefault.space.PX_4, alignItems: "center" };
let obj4 = { flex: 1, gap: nativeDefault.space.PX_4, alignItems: "center" };
obj2.warningText = { marginTop: nativeDefault.space.PX_4 };
obj2.text = { textAlign: "center" };
let closure_6 = createStyles.createStyles(obj2);
const size = fn(2);
const result = size.fileFinishedImporting("modules/premium/powerups/native/GuildPowerupsWarning.tsx");

export default function GuildPowerupsWarning(warnings) {
  warnings = warnings.warnings;
  ({ guildId, powerupNames } = warnings);
  const tmp = closure_6();
  _require = tmp;
  const manaTypeConsolidationExperiment = require("ManaTypeConsolidationExperiment").useManaTypeConsolidationExperiment("GuildPowerupsWarning");
  let obj = require("ManaTypeConsolidationExperiment");
  const tmp5 = manaTypeConsolidationExperiment;
  let tmp10Result = null;
  if (tmp6.shouldShow) {
    const obj2 = { style: tmp.container, children: null };
    const obj3 = { style: tmp.contentContainer, children: null };
    const obj4 = { color: tmp5(576).colors.TEXT_FEEDBACK_WARNING, size: "md" };
    let items = [closure_4(tmp2(6711).CircleErrorIcon, obj4), , , ];
    const obj5 = { variant: "text-md/semibold", color: "text-feedback-warning", style: tmp.text, children: tmp7 };
    items[1] = closure_4(tmp2(4632).Text, obj5);
    let str = "text-sm/medium";
    if (manaTypeConsolidationExperiment) {
      str = "experimental/body-sm/normal";
    }
    const obj6 = { variant: str, style: tmp.text, children: tmp8 };
    items[2] = closure_4(tmp2(4632).Text, obj6);
    let mapped;
    if (warnings != null) {
      mapped = warnings.map((children, index) => {
        let str = "text-sm/medium";
        if (manaTypeConsolidationExperiment) {
          str = "experimental/body-sm/normal";
        }
        const obj = { variant: str, color: "text-feedback-warning", style: null, children };
        const items = [, ];
        ({ warningText: arr[0], text: arr[1] } = closure_0);
        obj.style = items;
        return React4(Text_Text.Text, obj, "warning-" + index);
      });
    }
    items[3] = mapped;
    obj3.children = items;
    obj2.children = closure_5(View, obj3);
    tmp10Result = tmp10(tmp11, obj2);
  }
  return tmp10Result;
};