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

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

"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),n=require("react"),c=require("classnames"),x=require("../../internal/Icons/IconLink.cjs"),d=require("./Text.module.css.cjs"),l=n.forwardRef(({children:a,className:s,as:r,anchor:e,...N},h)=>{const j=r;return t.jsxs(j,{...N,className:c(d.default.header,s),ref:h,children:[a,e&&t.jsx("a",{className:d.default.anchor,href:`#${e}`,children:t.jsx(x.IconLink,{className:d.default.icon})})]})});l.displayName="Header";const o=n.forwardRef(({children:a,className:s,...r},e)=>t.jsx(l,{...r,as:"h1",className:c(d.default.header1,s),ref:e,children:a}));o.displayName="H1";const u=n.forwardRef(({children:a,className:s,...r},e)=>t.jsx(l,{...r,as:"h2",className:c(d.default.header2,s),ref:e,children:a}));u.displayName="H2";const f=n.forwardRef(({children:a,className:s,...r},e)=>t.jsx(l,{...r,as:"h3",className:c(d.default.header3,s),ref:e,children:a}));f.displayName="H3";const i=n.forwardRef(({children:a,className:s,...r},e)=>t.jsx(l,{...r,as:"h4",className:c(d.default.header4,s),ref:e,children:a}));i.displayName="H4";const m=n.forwardRef(({children:a,className:s,...r},e)=>t.jsx(l,{...r,as:"h5",className:c(d.default.header5,s),ref:e,children:a}));m.displayName="H5";const H=n.forwardRef(({children:a,className:s,...r},e)=>t.jsx(l,{...r,as:"h6",className:c(d.default.header6,s),ref:e,children:a}));H.displayName="H6";exports.H1=o;exports.H2=u;exports.H3=f;exports.H4=i;exports.H5=m;exports.H6=H;exports.Header=l;
//# sourceMappingURL=Headers.cjs.map