import { jsx as a, jsxs as s } from "react/jsx-runtime";
import e from "../../modules/Benefits/benefits.module.css";
import { BenefitTag as c } from "./components/BenefitTag/BenefitTag.es.js";
import { BenefitItem as d } from "./components/BenefitItem/BenefitItem.es.js";
import { Typography as g } from "../../components/Typography/Typography.es.js";
import { HighlightedTitle as N } from "../../components/HighlightedTitle/HighlightedTitle.es.js";
const V = ({ label: n, title: p, image: r, benefits: t, tags: m, colorScheme: o = "light" }) => {
  const h = t.length === 1;
  return /* @__PURE__ */ a("section", { className: e.root, "data-color-scheme": o, children: h ? /* @__PURE__ */ a("div", { className: e.soloContainer, children: /* @__PURE__ */ s("div", { className: e.soloContent, children: [
    /* @__PURE__ */ s("div", { className: e.soloImageWrapper, children: [
      /* @__PURE__ */ a("img", { src: r, alt: "image", className: e.soloImage }),
      m.map((l, i) => /* @__PURE__ */ a(c, { text: l, className: e[`tag${i + 1}`] }, i))
    ] }),
    /* @__PURE__ */ a("div", { className: e.soloItem, children: /* @__PURE__ */ a(d, { index: 0, title: t[0].title, description: t[0].description }) })
  ] }) }) : /* @__PURE__ */ s("div", { className: e.container, children: [
    /* @__PURE__ */ s("div", { className: e.header, children: [
      /* @__PURE__ */ a(g, { defaultVariant: "labelMd", mobileVariant: "labelSm", emphasis: !0, className: e.label, children: n }),
      /* @__PURE__ */ a(
        N,
        {
          title: p,
          colorScheme: o,
          defaultVariant: "displayMd",
          mobileVariant: "headingLg"
        }
      )
    ] }),
    /* @__PURE__ */ s("div", { className: e.content, children: [
      /* @__PURE__ */ s("div", { className: e.imageWrapper, children: [
        /* @__PURE__ */ a("img", { src: r, alt: "image", className: e.image }),
        m.map((l, i) => /* @__PURE__ */ a(c, { text: l, className: e[`tag${i + 1}`] }, i))
      ] }),
      /* @__PURE__ */ a("div", { className: e.benefits, children: t.map((l, i) => /* @__PURE__ */ a(
        d,
        {
          index: i + 1,
          title: l.title,
          description: l.description
        },
        i
      )) })
    ] })
  ] }) });
};
export {
  V as Benefits
};
