import { jsx as k } from "react/jsx-runtime";
import { cn as x } from "../../utils/cn/cn.es.js";
import { getMemoizedColorStyles as A } from "./Typography.service.es.js";
import s from "../../components/Typography/typography.module.css";
const w = ({
  defaultVariant: o,
  children: m,
  className: n = "",
  weight: e,
  emphasis: l = !1,
  as: c = "span",
  mobileVariant: r,
  color: p,
  gradient: a,
  id: h,
  align: i,
  strikethrough: C = !1
}) => {
  const g = s[o] || "";
  let t = e;
  l && !e && (t = "medium");
  const f = t ? s[`weight${t.charAt(0).toUpperCase()}${t.slice(1)}`] : "", y = o.startsWith("label") && l ? s.labelEmphasis : "", $ = r ? s[`mobile__${r}`] : "", b = i ? s[`${i}Align`] : "", u = C ? s.strikethrough : "", d = a ? s[`${a}-gradient`] : "";
  return /* @__PURE__ */ k(
    c,
    {
      style: A(p),
      className: x(
        g,
        f,
        y,
        $,
        b,
        u,
        n,
        d
      ),
      id: h,
      children: m
    }
  );
};
export {
  w as Typography
};
