import { jsx as l, jsxs as e } from "react/jsx-runtime";
import { cn as r } from "../../utils/cn/cn.es.js";
import a from "../../modules/TextTwoImages/textTwoImages.module.css";
import { Typography as i } from "../../components/Typography/Typography.es.js";
const p = ({ label: s, title: m, bigImage: c, smallImage: d, description: t }) => /* @__PURE__ */ l("div", { className: a.root, children: /* @__PURE__ */ e("div", { className: a.container, children: [
  /* @__PURE__ */ e("div", { className: a.leftBlock, children: [
    /* @__PURE__ */ l(i, { defaultVariant: "labelMd", mobileVariant: "labelMd", emphasis: !0, children: s }),
    /* @__PURE__ */ l(i, { defaultVariant: "displayXs", mobileVariant: "headingLg", className: a.label, children: m }),
    /* @__PURE__ */ l(i, { as: "div", defaultVariant: "labelLg", className: a.description, children: t })
  ] }),
  /* @__PURE__ */ l("div", { className: a.rightBlock, children: /* @__PURE__ */ e("div", { className: a.galleryImageOverlay, children: [
    /* @__PURE__ */ l("div", { className: r(a.galleryItem, a.galleryImageBig), children: /* @__PURE__ */ l("img", { src: c, alt: "big" }) }),
    /* @__PURE__ */ l("div", { className: r(a.galleryItem, a.galleryImageSmall), children: /* @__PURE__ */ l("img", { src: d, alt: "small" }) })
  ] }) })
] }) });
export {
  p as TextTwoImages
};
