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