import { jsxs as e, jsx as i } from "react/jsx-runtime";
import a from "../../components/ClaimBlock/claimBlock.module.css";
import { Typography as l } from "../Typography/Typography.es.js";
import { Superscript as o } from "../Superscript/Superscript.es.js";
function b({
  value: t,
  subtitle: c,
  subtitleSuperscript: m,
  description: r,
  descriptionSuperscript: s,
  valuePrefix: d,
  valueSuffix: n
}) {
  return /* @__PURE__ */ e("div", { className: a.claimBlock, children: [
    /* @__PURE__ */ e("div", { className: a.valueContainer, children: [
      d && /* @__PURE__ */ i(
        l,
        {
          className: a.valuePrefix,
          as: "h3",
          defaultVariant: "headingSm",
          mobileVariant: "headingSm",
          children: d
        }
      ),
      /* @__PURE__ */ i(l, { className: a.value, as: "h3", defaultVariant: "displayXs", mobileVariant: "displayXs", children: t }),
      n && /* @__PURE__ */ i(
        l,
        {
          className: a.valueSuffix,
          as: "h3",
          defaultVariant: "headingSm",
          mobileVariant: "headingSm",
          children: n
        }
      )
    ] }),
    /* @__PURE__ */ e(l, { className: a.subtitle, as: "p", defaultVariant: "bodyMd", mobileVariant: "bodySm", children: [
      c,
      m && /* @__PURE__ */ i(o, { value: m })
    ] }),
    r && /* @__PURE__ */ e(l, { className: a.description, as: "p", defaultVariant: "bodyMd", mobileVariant: "bodySm", children: [
      r,
      s && /* @__PURE__ */ i(o, { value: s })
    ] })
  ] });
}
export {
  b as ClaimBlock
};
