import { jsx as r, jsxs as i } from "react/jsx-runtime";
import { cn as s } from "../../utils/cn/cn.es.js";
import a from "../../modules/PairedProducts/pairedProducts.module.css";
import { Typography as m } from "../../components/Typography/Typography.es.js";
import { Button as d } from "../../components/Button/Button.es.js";
import { ProductPairs as t } from "../../components/ProductPairs/ProductPairs.es.js";
const v = ({ title: l, button: e, productCards: o }) => /* @__PURE__ */ r("section", { className: a.root, children: /* @__PURE__ */ i("div", { className: a.container, children: [
  /* @__PURE__ */ i("div", { className: a.header, children: [
    /* @__PURE__ */ r(m, { as: "h2", defaultVariant: "displaySm", mobileVariant: "headingLg", children: l }),
    /* @__PURE__ */ r("div", { className: s(a.buttonWrap, a.mobile), children: /* @__PURE__ */ r(d, { as: "a", href: e.href, variant: "muted", size: "sm", children: e.label }) }),
    /* @__PURE__ */ r("div", { className: s(a.buttonWrap, a.desktop), children: /* @__PURE__ */ r(d, { as: "a", href: e.href, variant: "muted", size: "lg", children: e.label }) })
  ] }),
  /* @__PURE__ */ r("div", { className: a.productCards, children: /* @__PURE__ */ r(t, { productCards: o }) })
] }) });
export {
  v as PairedProducts
};
