import { jsx as e, jsxs as t } from "react/jsx-runtime";
import a from "../../modules/ImageWithBenefits/imageWithBenefits.module.css";
import { Typography as l } from "../../components/Typography/Typography.es.js";
import { TypeBadge as p } from "../../components/TypeBadge/TypeBadge.es.js";
import { ButtonWithColors as f } from "../ImageWithText/components/ButtonWithColors/ButtonWithColors.es.js";
const V = ({
  image: o,
  label: r,
  title: s,
  benefits: m,
  benefitsColor: c,
  mobileLabelColor: n,
  mobileTitleColor: d,
  mobileBenefitsColor: b,
  mobileImage: h,
  button: g
}) => /* @__PURE__ */ e("section", { className: a.root, children: /* @__PURE__ */ t("div", { className: a.container, children: [
  /* @__PURE__ */ t("div", { className: a.imageContainer, children: [
    /* @__PURE__ */ e("img", { src: o, alt: "background image", className: a.image }),
    /* @__PURE__ */ e("img", { src: h || o, alt: "mobile background image", className: a.mobileImage })
  ] }),
  /* @__PURE__ */ t(
    "div",
    {
      className: a.content,
      "data-label-color": r.color,
      "data-mobile-label-color": n,
      "data-title-color": s.color,
      "data-mobile-title-color": d,
      "data-benefits-color": c,
      "data-mobile-benefits-color": b,
      children: [
        /* @__PURE__ */ e(l, { as: "p", defaultVariant: "labelXs", emphasis: !0, className: a.label, children: r.text }),
        /* @__PURE__ */ e(l, { as: "h2", defaultVariant: "headingXl", mobileVariant: "headingMd", className: a.title, children: s.text }),
        /* @__PURE__ */ e("div", { className: a.benefitContainer, children: m.map((i) => /* @__PURE__ */ t("div", { className: a.benefitItem, children: [
          /* @__PURE__ */ e(p, { type: i.badge }),
          /* @__PURE__ */ e(
            l,
            {
              as: "p",
              defaultVariant: "bodyLg",
              mobileVariant: "bodyMd",
              className: a.benefitText,
              children: i.text
            }
          )
        ] }, i.text)) }),
        /* @__PURE__ */ e(f, { ...g })
      ]
    }
  )
] }) });
export {
  V as ImageWithBenefits
};
