@konstructio/ui/dist/components/Typography/Typography.js

A set of reusable and customizable React components built for konstruct.io

import { jsx as y } from "react/jsx-runtime";
import { forwardRef as f } from "react";
import { cn as n } from "../../utils/index.js";
import { typographyVariants as c } from "./Typography.variants.js";
const d = f(
  ({ className: t, theme: r, children: p, variant: o, component: e, ...m }, a) => {
    const s = e ?? (o?.includes("h") ? o : "p");
    return /* @__PURE__ */ y(
      s,
      {
        ref: a,
        "data-theme": r,
        className: n(
          "text-slate-800",
          "dark:text-metal-50",
          c({
            className: t,
            variant: o
          })
        ),
        ...m,
        children: p
      }
    );
  }
);
d.displayName = "Typography";
export {
  d as Typography
};