import { jsx as a, jsxs as e } from "react/jsx-runtime";
import i from "../../modules/WhatIs/whatIs.module.css";
import { Typography as r } from "../../components/Typography/Typography.es.js";
const m = ({ image: t, title: l, label: s, description: n }) => /* @__PURE__ */ a("section", { className: i.root, children: /* @__PURE__ */ e("div", { className: i.container, children: [
  /* @__PURE__ */ a("img", { src: t, alt: "Illustration" }),
  /* @__PURE__ */ e("div", { className: i.textContainer, children: [
    /* @__PURE__ */ e("div", { className: i.headline, children: [
      /* @__PURE__ */ a(r, { as: "h2", defaultVariant: "displayXs", mobileVariant: "headingLg", children: l }),
      s && /* @__PURE__ */ a(r, { as: "p", defaultVariant: "labelXl", mobileVariant: "labelMd", emphasis: !0, children: s })
    ] }),
    /* @__PURE__ */ a(r, { className: i.description, as: "p", defaultVariant: "bodyLg", mobileVariant: "bodyMd", children: n })
  ] })
] }) });
export {
  m as WhatIs
};
