koval-ui/dist/src/lib/Text/Headers.js

React components collection with minimalistic design. Supports theming, layout, and input validation.

"use client";
import { jsx as m } from "react/jsx-runtime";
import { forwardRef as t } from "react";
import o from "classnames";
import c from "./Text.module.css.js";
const l = t(
  ({ children: e, className: a, ...s }, r) => /* @__PURE__ */ m("h1", { ...s, className: o(c.header1, a), ref: r, children: e })
);
l.displayName = "H1";
const d = t(
  ({ children: e, className: a, ...s }, r) => /* @__PURE__ */ m("h2", { ...s, className: o(c.header2, a), ref: r, children: e })
);
d.displayName = "H2";
const n = t(
  ({ children: e, className: a, ...s }, r) => /* @__PURE__ */ m("h3", { ...s, className: o(c.header3, a), ref: r, children: e })
);
n.displayName = "H3";
const N = t(
  ({ children: e, className: a, ...s }, r) => /* @__PURE__ */ m("h4", { ...s, className: o(c.header4, a), ref: r, children: e })
);
N.displayName = "H4";
const h = t(
  ({ children: e, className: a, ...s }, r) => /* @__PURE__ */ m("h5", { ...s, className: o(c.header5, a), ref: r, children: e })
);
h.displayName = "H5";
const H = t(
  ({ children: e, className: a, ...s }, r) => /* @__PURE__ */ m("h6", { ...s, className: o(c.header6, a), ref: r, children: e })
);
H.displayName = "H6";
export {
  l as H1,
  d as H2,
  n as H3,
  N as H4,
  h as H5,
  H as H6
};
//# sourceMappingURL=Headers.js.map