@frontify/fondue
Version:
Design system of Frontify
37 lines (36 loc) • 1.29 kB
JavaScript
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