import { jsxs as l, jsx as e } from "react/jsx-runtime";
import a from "../../modules/FeaturesGallery/featuresGallery.module.css";
import { HighlightedTitle as c } from "../../components/HighlightedTitle/HighlightedTitle.es.js";
import { Typography as n } from "../../components/Typography/Typography.es.js";
import { FeatureGrid as m } from "./components/FeatureGrid/FeatureGrid.es.js";
import { InfiniteScroll as h } from "../../components/InfiniteScroll/InfiniteScroll.es.js";
const p = ({ label: t, url: i }) => /* @__PURE__ */ e("a", { href: i, className: a.label, children: /* @__PURE__ */ e(n, { defaultVariant: "labelMd", emphasis: !0, mobileVariant: "labelSm", weight: "regular", children: t }) }), v = ({ title: t, description: i, features: s, labels: d }) => /* @__PURE__ */ l("section", { className: a.root, children: [
  /* @__PURE__ */ l("div", { className: a.container, children: [
    /* @__PURE__ */ l("div", { className: a.header, children: [
      /* @__PURE__ */ e(
        c,
        {
          title: t,
          className: a.title,
          defaultVariant: "displayMd",
          mobileVariant: "headingXl"
        }
      ),
      i && /* @__PURE__ */ e(n, { as: "p", defaultVariant: "bodyLg", mobileVariant: "bodySm", children: i })
    ] }),
    /* @__PURE__ */ l("div", { className: a.features, children: [
      /* @__PURE__ */ e("div", { className: a.primaryFeatures, children: s.slice(0, 2).map((r, o) => /* @__PURE__ */ e(m, { feature: r, type: "primary" }, r.label)) }),
      s.length > 2 && /* @__PURE__ */ e("div", { className: a.secondaryFeatures, children: s.slice(2).map((r, o) => /* @__PURE__ */ e(m, { feature: r, type: "secondary" }, r.label)) })
    ] })
  ] }),
  d.length > 0 && /* @__PURE__ */ e("div", { className: a.footer, children: /* @__PURE__ */ e(h, { items: d, renderItem: p }) })
] });
export {
  v as FeaturesGallery
};
