"use client";
import { jsx as e, jsxs as c, Fragment as o } from "react/jsx-runtime";
import r from "../../pageComponents/ScrollingFeatures/scrollingFeatures.module.css";
import { InfiniteScroll as s } from "../../components/InfiniteScroll/InfiniteScroll.es.js";
import { Icon as i } from "../../components/Icon/Icon.es.js";
import { Typography as m } from "../../components/Typography/Typography.es.js";
const d = ({ text: a, icon: l, href: t }) => {
  const n = /* @__PURE__ */ c(o, { children: [
    /* @__PURE__ */ e(i, { className: r.featureIcon, name: l }),
    /* @__PURE__ */ e(m, { className: r.featureText, defaultVariant: "labelMd", children: a })
  ] });
  return t ? /* @__PURE__ */ e("a", { href: t, className: r.clickableFeature, children: n }) : /* @__PURE__ */ e("div", { className: r.feature, children: n });
}, g = ({ items: a }) => /* @__PURE__ */ e("section", { className: r.root, children: a.length > 0 && /* @__PURE__ */ e("div", { className: r.featuresContainer, children: /* @__PURE__ */ e(s, { items: a, renderItem: d }) }) });
export {
  g as ScrollingFeatures
};
