import {
  mapWithResponsive
} from "./chunk-LDBWASUA.js";
import {
  __objRest,
  __spreadProps,
  __spreadValues
} from "./chunk-CRTRMMJ7.js";

// src/atoms/heading.tsx
import {
  Heading as RadixHeading
} from "@radix-ui/themes";
import { useMemo } from "react";
import { Heading } from "@radix-ui/themes";
import { jsx } from "react/jsx-runtime";
var mapVariant = (variant) => {
  switch (variant) {
    case "heading1":
      return "7";
    case "heading2":
      return "6";
    case "heading3":
      return "5";
    case "heading4":
      return "4";
    case "heading5":
      return "3";
    default:
      return void 0;
  }
};
function Heading2(props) {
  const _a = props, { size, children, variant } = _a, rest = __objRest(_a, ["size", "children", "variant"]);
  const radixSize = useMemo(() => {
    return variant ? mapWithResponsive({
      value: variant,
      mapFn: mapVariant
    }) : size;
  }, [size, variant]);
  return /* @__PURE__ */ jsx(RadixHeading, __spreadProps(__spreadValues({}, rest), { size: radixSize, children }));
}

export {
  Heading2 as Heading,
  Heading as Heading2
};
//# sourceMappingURL=chunk-BESTU2AY.js.map