@frontify/fondue
Version:
Design system of Frontify
44 lines (43 loc) • 1.72 kB
JavaScript
import { jsx as r } from "react/jsx-runtime";
import { cloneElement as t } from "react";
import e from "../../foundation/Icon/Generated/IconCheckMark.es.js";
import n from "../../foundation/Icon/Generated/IconDocument.es.js";
import i from "../../foundation/Icon/Generated/IconExclamationMarkCircle.es.js";
import a from "../../foundation/Icon/Generated/IconExclamationMarkTriangle.es.js";
import { IconSize as s } from "../../foundation/Icon/IconSize.es.js";
import { merge as g } from "../../utilities/merge.es.js";
var m = /* @__PURE__ */ ((o) => (o.Information = "Information", o.Warning = "Warning", o.Tip = "Tip", o.Note = "Note", o))(m || {});
const b = {
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"
}, v = {
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"
}, c = {
Information: /* @__PURE__ */ r(i, {}),
Warning: /* @__PURE__ */ r(a, {}),
Tip: /* @__PURE__ */ r(e, {}),
Note: /* @__PURE__ */ r(n, {})
}, p = ({ headerStyle: o }) => /* @__PURE__ */ r(
"div",
{
"data-test-id": "bright-header",
className: g([
"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",
b[o]
]),
children: t(c[o], { size: s.Size20 })
}
);
p.displayName = "FondueBrightHeader";
export {
p as BrightHeader,
m as BrightHeaderStyle,
v as brightHeaderArrowBackgroundColors,
b as brightHeaderBackgroundColors
};
//# sourceMappingURL=BrightHeader.es.js.map