@nordcom/nordstar-heading
Version:
Component used to display title/heading text.
28 lines (27 loc) • 851 B
JavaScript
import "react";
import { jsx as r } from "react/jsx-runtime";
import { forwardRef as i, cn as s } from "@nordcom/nordstar-system";
import './heading.css';const d = "_container_jbkh7_1", g = {
container: d
}, h = i(({ as: a, level: t = "h1", className: n, ...o }, e) => /* @__PURE__ */ r(
a || t,
{
...o,
ref: e,
className: s(
g.container,
"font-heading",
t === "h1" && "hyphens-auto text-4xl font-extrabold uppercase leading-none",
t === "h2" && "text-2xl font-normal lowercase leading-tight text-foreground-highlight",
t === "h3" && "text-xl font-extrabold lowercase leading-tight",
t === "h4" && "text-base font-bold uppercase leading-none",
n
),
"data-level": t
}
));
h.displayName = "Nordstar.Typography.Heading";
export {
h as default
};
//# sourceMappingURL=heading.js.map