import { j as o } from "../../node_modules/react/jsx-runtime.js";
import { cn as m } from "../../utils/index.js";
const t = {
  "heading-xl": "lg:text-heading-xl-desktop lg:font-bold md:text-heading-xl-tablet sm:text-heading-xl-mobile font-semibold",
  "heading-lg": "lg:text-heading-lg-desktop md:text-heading-lg-tablet sm:text-heading-lg-mobile font-bold",
  "heading-md": "lg:text-heading-md-desktop md:text-heading-md-tablet sm:text-heading-md-mobile font-semibold",
  "heading-sm": "lg:text-heading-sm-desktop md:text-heading-sm-tablet sm:text-heading-sm-mobile font-semibold",
  "heading-xs": "lg:text-heading-xs-desktop md:text-heading-xs-tablet sm:text-heading-xs-mobile font-semibold",
  "body-base": "text-body-base",
  "body-sm": "text-body-sm",
  label: "text-label"
};
function l({ className: e, variant: d, ...a }) {
  const s = t[d ?? "body-base"];
  return /* @__PURE__ */ o.jsx(
    "div",
    {
      className: m("text-content-primary", s, e),
      ...a
    }
  );
}
l.classNames = t;
export {
  l as Typography
};
