import { jsx as e, jsxs as t } from "react/jsx-runtime";
import r from "../../modules/Claims/claims.module.css";
import { Typography as p } from "../../components/Typography/Typography.es.js";
import { Button as m } from "../../components/Button/Button.es.js";
import { ClaimBlock as c } from "../../components/ClaimBlock/ClaimBlock.es.js";
function h({ text: a, button: s, claimBlocks: l }) {
  return /* @__PURE__ */ e("section", { className: r.root, children: /* @__PURE__ */ t("div", { className: r.content, children: [
    (a || s) && /* @__PURE__ */ t("div", { className: r.container, children: [
      a ? /* @__PURE__ */ e(
        p,
        {
          className: r.text,
          as: "h2",
          defaultVariant: "preambleLg",
          mobileVariant: "preambleSm",
          children: a
        }
      ) : /* @__PURE__ */ e("div", {}),
      s && /* @__PURE__ */ e("div", { className: r.buttonContainer, children: /* @__PURE__ */ e(m, { as: "a", href: s.link, variant: "muted", size: "lg", children: s.text }) })
    ] }),
    /* @__PURE__ */ e("div", { className: r.claimContainer, children: l.slice(0, 4).map((i, n) => /* @__PURE__ */ e("div", { className: r.claimBlock, children: /* @__PURE__ */ e(
      c,
      {
        value: i.value,
        subtitle: i.subtitle,
        subtitleSuperscript: i.subtitleSuperscript,
        description: i.description,
        descriptionSuperscript: i.descriptionSuperscript,
        valuePrefix: i.valuePrefix,
        valueSuffix: i.valueSuffix
      }
    ) }, n)) })
  ] }) });
}
export {
  h as Claims
};
