import { jsx as n } from "react/jsx-runtime";
import { a as z } from "./index.CfQlFjZU.js";
import { memo as _ } from "react";
import { c as p } from "./index.CfM2L_w0.js";
const g = "creator_typography_EShez", x = "creator_var-header_Ilw17", y = "creator_size-2xsmall_2FnDv", h = "creator_size-xsmall_Gpmat", d = "creator_size-small_wx1n7", v = "creator_size-medium_rQuYp", u = "creator_size-large_sc0ED", k = "creator_size-xlarge_oVHk-", C = "creator_size-2xlarge_2bmJp", b = "creator_var-body_a6Xw5", f = "creator_var-accent_-2aR8", w = "creator_color-ink_B6VCu", M = "creator_color-charcoal_Z3KLY", a = { typography: g, "var-header": x, "size-2xsmall": y, "size-xsmall": h, "size-small": d, "size-medium": v, "size-large": u, "size-xlarge": k, "size-2xlarge": C, "var-body": b, "var-accent": f, "color-ink": w, "color-charcoal": M }, T = ({
  variant: r,
  component: e,
  size: s,
  children: o,
  className: c,
  color: l
}) => {
  const t = {
    header: a["var-header"],
    body: a["var-body"],
    accent: a["var-accent"]
  }, i = {
    "2xsmall": a["size-2xsmall"],
    xsmall: a["size-xsmall"],
    small: a["size-small"],
    medium: a["size-medium"],
    large: a["size-large"],
    xlarge: a["size-xlarge"],
    "2xlarge": a["size-2xlarge"]
  }, m = {
    ink: a["color-ink"],
    charcoal: a["color-charcoal"]
  };
  return {
    Component: e || "p",
    children: o,
    className: p(
      a.typography,
      t[r],
      i[s],
      m[l],
      c
    )
  };
}, V = ({
  Component: r,
  children: e,
  className: s
}) => /* @__PURE__ */ n(r, { className: s, children: e }), H = _(z(V, T));
export {
  H as T
};
