import { jsxs as m, jsx as r } from "react/jsx-runtime";
import { cn as o } from "../../utils/cn/cn.es.js";
import e from "../../pageComponents/TreatmentsHero/treatmentsHero.module.css";
import { Typography as d } from "../../components/Typography/Typography.es.js";
import { TreatmentHeroCard as s } from "./components/TreatmentHeroCard/TreatmentHeroCard.es.js";
import { Button as p } from "../../components/Button/Button.es.js";
const h = (i, a) => i ? /* @__PURE__ */ r(p, { variant: "primary", as: "a", href: i.link, size: a, children: i.text }) : null, N = ({ title: i, description: a, button: t, cards: l }) => /* @__PURE__ */ m("section", { className: e.root, "data-type": "hero", children: [
  /* @__PURE__ */ r("div", { className: o(e.row, e.headerContainer), children: /* @__PURE__ */ m("div", { className: e.headerContent, children: [
    /* @__PURE__ */ m("div", { className: e.headerText, children: [
      /* @__PURE__ */ r(d, { as: "h1", defaultVariant: "displayMd", mobileVariant: "headingXl", weight: "regular", children: i }),
      a && /* @__PURE__ */ r(d, { as: "p", defaultVariant: "bodyLg", mobileVariant: "bodySm", weight: "regular", children: a })
    ] }),
    t && /* @__PURE__ */ r("div", { className: o(e.headerButton, e.mobile), children: h(t, "md") }),
    t && /* @__PURE__ */ r("div", { className: o(e.headerButton, e.desktop), children: h(t, "lg") })
  ] }) }),
  !!(l != null && l.length) && /* @__PURE__ */ r("div", { className: o(e.row, e.cardsContainer), children: l.map((n) => /* @__PURE__ */ r(s, { title: n.title, link: n.link, image: n.image }, n.link)) })
] });
export {
  N as TreatmentsHero
};
