import { jsx as t } from "react/jsx-runtime";
import { IconDocument as r, IconCheckMark as o, IconExclamationMarkTriangle as n, IconExclamationMarkCircle as i } from "@frontify/fondue-icons";
import { cloneElement as s } from "react";
import { merge as a } from "../../utilities/merge.es.js";
const g = {
  Information: "tw-bg-box-selected-strong",
  Warning: "tw-bg-box-negative-strong-pressed",
  Tip: "tw-bg-box-positive-strong-pressed",
  Note: "tw-bg-box-warning-strong"
}, x = {
  Information: "before:tw-bg-box-selected-strong",
  Warning: "before:tw-bg-box-negative-strong-pressed",
  Tip: "before:tw-bg-box-positive-strong-pressed",
  Note: "before:tw-bg-box-warning-strong"
}, b = {
  Information: /* @__PURE__ */ t(i, {}),
  Warning: /* @__PURE__ */ t(n, {}),
  Tip: /* @__PURE__ */ t(o, {}),
  Note: /* @__PURE__ */ t(r, {})
}, c = ({ headerStyle: e }) => /* @__PURE__ */ t(
  "div",
  {
    "data-test-id": "bright-header",
    className: a([
      "tw-h-9 tw-relative tw-z-[120000] tw-flex tw-justify-center tw-items-center tw-rounded-t-md tw-dark tw-text-text",
      g[e]
    ]),
    children: s(b[e], { size: 20 })
  }
);
c.displayName = "FondueBrightHeader";
export {
  c as BrightHeader,
  x as brightHeaderArrowBackgroundColors
};
//# sourceMappingURL=BrightHeader.es.js.map
