import i from "classnames";
import o from "react";
const x = "typography _typography_c5427", m = "label _label_91104", p = "heading _heading_99e96", h = "centered _centered_8f03d", t = {
  typography: x,
  label: m,
  heading: p,
  centered: h
}, g = {
  "3xl": "text-3xl",
  "2xl": "text-2xl",
  xl: "text-xl",
  lg: "text-lg",
  md: "text-md",
  base: "text-base",
  sm: "text-sm",
  "2sm": "text-2sm",
  xs: "text-xs"
};
function f({ tag: e, isCentered: s, fontSize: _ = "base", className: l, children: n, dataQa: r }) {
  const a = e.startsWith("h"), d = e === "p", c = e === "label";
  return /* @__PURE__ */ o.createElement(
    e,
    {
      className: i(l, g[_], {
        [t.centered]: s,
        [t.heading]: a,
        [t.label]: c,
        // Add the margins and stuff only if it's a paragraph or it's a heading.
        [t.typography]: d || a
      }),
      "data-qa-id": r
    },
    n
  );
}
export {
  f as T
};
