import e, { cloneElement as r } from "react";
import { merge as o } from "../../utilities/merge.es.es.js";
import n from "../../foundation/Icon/Generated/IconExclamationMarkCircle.es.es.js";
import i from "../../foundation/Icon/Generated/IconExclamationMarkTriangle.es.es.js";
import a from "../../foundation/Icon/Generated/IconCheckMark.es.es.js";
import l from "../../foundation/Icon/Generated/IconDocument.es.es.js";
import { IconSize as m } from "../../foundation/Icon/IconSize.es.es.js";
const g = {
  Information: "tw-bg-violet-60",
  Warning: "tw-bg-red-60",
  Tip: "tw-bg-green-60",
  Note: "tw-bg-yellow-60"
}, h = {
  Information: "before:tw-bg-violet-60",
  Warning: "before:tw-bg-red-60",
  Tip: "before:tw-bg-green-60",
  Note: "before:tw-bg-yellow-60"
}, w = {
  Information: /* @__PURE__ */ e.createElement(n, null),
  Warning: /* @__PURE__ */ e.createElement(i, null),
  Tip: /* @__PURE__ */ e.createElement(a, null),
  Note: /* @__PURE__ */ e.createElement(l, null)
}, E = ({ headerStyle: t }) => /* @__PURE__ */ e.createElement("div", {
  "data-test-id": "bright-header",
  className: o([
    "tw-h-9 tw-relative tw-z-10 tw-flex tw-justify-center tw-items-center tw-rounded-t-md tw-text-white",
    g[t]
  ])
}, r(w[t], { size: m.Size20 }));
export {
  E as BrightHeader,
  h as brightHeaderArrowBackgroundColors,
  g as brightHeaderBackgroundColors
};
//# sourceMappingURL=BrightHeader.es.es.js.map
