@anoki/fse-ui/dist/index.es155.js

FSE UI components library

import { j as o } from "./index.es237.js";
import { createElement as p } from "react";
import './sections/CommunicationContentsHome/CommunicationContentsHome.css';/* empty css            */
import d from "./index.es266.js";
import { SectionHeading as x } from "./index.es123.js";
import { ArrowLink as f } from "./index.es25.js";
import { AggregationItemCard as h } from "./index.es22.js";
import { Row as u } from "./index.es116.js";
import { Spinner as j } from "./index.es226.js";
function A({
  sectionId: i,
  title: s,
  elements: t = [],
  loading: m = !1,
  noResultsLabel: c = "Nessun risultato trovato",
  linkHref: r,
  linkLabel: l = "Scopri tutti",
  asLink: e = "a"
}) {
  const a = i ? `${i}-title` : void 0;
  return /* @__PURE__ */ o.jsxs(
    "section",
    {
      id: i,
      "aria-labelledby": a,
      className: "communication-contents d-flex section-gap flex-column",
      children: [
        /* @__PURE__ */ o.jsx(
          x,
          {
            className: "title pb-x16",
            title: s,
            titleId: a,
            color: "slate-20",
            mdFs: "2",
            titleMarginBottom: "mb-x0",
            descriptionMarginBottom: "mb-x0",
            children: r && /* @__PURE__ */ o.jsx(f, { href: r, asLink: e, fs: "7", children: l.toUpperCase() })
          }
        ),
        /* @__PURE__ */ o.jsx(
          d,
          {
            columns: { 0: 1, 768: 2, 992: 3 },
            gap: 24,
            className: "masonry-component",
            children: t == null ? void 0 : t.map((n) => /* @__PURE__ */ p(h, { ...n, key: n._id }))
          }
        ),
        /* @__PURE__ */ o.jsx(u, { className: "w-full-adpt", justifyContent: "center", m: "x12", children: m && /* @__PURE__ */ o.jsx(
          "div",
          {
            role: "status",
            "aria-live": "polite",
            "aria-label": "Caricamento in corso",
            children: /* @__PURE__ */ o.jsx(j, { height: 30, width: 30 })
          }
        ) }),
        /* @__PURE__ */ o.jsx("p", { className: "total-elements-label", children: (t == null ? void 0 : t.length) === 0 && /* @__PURE__ */ o.jsx("span", { children: c }) })
      ]
    }
  );
}
export {
  A as CommunicationContentsHome
};
//# sourceMappingURL=index.es155.js.map