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

FSE UI components library

import { j as _ } from "./index.es237.js";
import { clsx as c } from "./index.es238.js";
import './sections/ImagesDescription/ImagesDescription.css';/* empty css            */
import { Section as l, SectionHeading as L } from "./index.es123.js";
const e = {
  // Layout FULL (1 colonna)
  FULL_1_1: "FULL_1_1",
  FULL_4_3: "FULL_4_3",
  FULL_16_9: "FULL_16_9",
  FULL_21_9: "FULL_21_9",
  FULL_32_9: "FULL_32_9",
  // Layout TWO_COL (2 colonne)
  TWO_COL_1_1: "TWO_COL_1_1",
  TWO_COL_4_3: "TWO_COL_4_3",
  TWO_COL_16_9: "TWO_COL_16_9",
  TWO_COL_21_9: "TWO_COL_21_9",
  TWO_COL_32_9: "TWO_COL_32_9",
  // Layout THREE_COL (3 colonne)
  THREE_COL_1_1: "THREE_COL_1_1",
  THREE_COL_4_3: "THREE_COL_4_3",
  THREE_COL_16_9: "THREE_COL_16_9",
  THREE_COL_21_9: "THREE_COL_21_9",
  THREE_COL_32_9: "THREE_COL_32_9"
}, C = ({
  title: t,
  items: i = [],
  layout: a = e.FULL_1_1,
  className: r
}) => {
  const o = ((s) => {
    switch (s) {
      // Layout FULL (1 colonna)
      case e.FULL_1_1:
        return "images-description-layout-full-1-1";
      case e.FULL_4_3:
        return "images-description-layout-full-4-3";
      case e.FULL_16_9:
        return "images-description-layout-full-16-9";
      case e.FULL_21_9:
        return "images-description-layout-full-21-9";
      case e.FULL_32_9:
        return "images-description-layout-full-32-9";
      // Layout TWO_COL (2 colonne)
      case e.TWO_COL_1_1:
        return "images-description-layout-two-col-1-1";
      case e.TWO_COL_4_3:
        return "images-description-layout-two-col-4-3";
      case e.TWO_COL_16_9:
        return "images-description-layout-two-col-16-9";
      case e.TWO_COL_21_9:
        return "images-description-layout-two-col-21-9";
      case e.TWO_COL_32_9:
        return "images-description-layout-two-col-32-9";
      // Layout THREE_COL (3 colonne)
      case e.THREE_COL_1_1:
        return "images-description-layout-three-col-1-1";
      case e.THREE_COL_4_3:
        return "images-description-layout-three-col-4-3";
      case e.THREE_COL_16_9:
        return "images-description-layout-three-col-16-9";
      case e.THREE_COL_21_9:
        return "images-description-layout-three-col-21-9";
      case e.THREE_COL_32_9:
        return "images-description-layout-three-col-32-9";
      default:
        return "";
    }
  })(a);
  return /* @__PURE__ */ _.jsxs(l, { className: c("base-col images-description-section", r), children: [
    /* @__PURE__ */ _.jsx(L, { title: t }),
    /* @__PURE__ */ _.jsx(
      "ul",
      {
        role: "list",
        "aria-label": `Raccolta di ${t}`,
        className: `list-style-none ${o}`,
        children: i == null ? void 0 : i.map((s) => /* @__PURE__ */ _.jsxs("li", { className: "images-description-item", children: [
          /* @__PURE__ */ _.jsx("div", { className: "images-description-item-image-container", children: /* @__PURE__ */ _.jsx(
            "img",
            {
              src: s.image.src,
              alt: s.image.alt,
              title: s.image.title,
              className: "images-description-item-image"
            }
          ) }),
          /* @__PURE__ */ _.jsx("div", { className: "images-description-item-content", children: /* @__PURE__ */ _.jsx("p", { className: "images-description-item-description text-slate-28 fs-9", children: s.description }) })
        ] }, s._id))
      }
    )
  ] });
};
export {
  e as IMAGES_DESCRIPTION_LAYOUTS,
  C as ImagesDescription
};
//# sourceMappingURL=index.es150.js.map