import n from "classnames";
import c from "react";
import e from "./accelbyte-widgets375.mjs";
const p = {
  "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: t, isCentered: a, fontSize: l = "base", className: x, children: r, dataQa: m }) {
  const s = t.startsWith("h"), o = t === "p", i = t === "label";
  return /* @__PURE__ */ c.createElement(
    t,
    {
      className: n(x, p[l], {
        [e.centered]: a,
        [e.heading]: s,
        [e.label]: i,
        [e.typography]: o || s
      }),
      "data-qa-id": m
    },
    r
  );
}
export {
  f as Typography
};
