@anoki/fse-ui
Version:
FSE UI components library
95 lines (94 loc) • 3.38 kB
JavaScript
import { j as s } from "./index.es244.js";
import { clsx as c } from "./index.es246.js";
import './sections/ImagesDescription/ImagesDescription.css';/* empty css */
import { Section as l } from "./index.es54.js";
const _ = {
// 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"
}, d = ({
title: i,
items: t = [],
layout: a = _.FULL_1_1,
className: r
}) => {
const o = ((e) => {
switch (e) {
// Layout FULL (1 colonna)
case _.FULL_1_1:
return "images-description-layout-full-1-1";
case _.FULL_4_3:
return "images-description-layout-full-4-3";
case _.FULL_16_9:
return "images-description-layout-full-16-9";
case _.FULL_21_9:
return "images-description-layout-full-21-9";
case _.FULL_32_9:
return "images-description-layout-full-32-9";
// Layout TWO_COL (2 colonne)
case _.TWO_COL_1_1:
return "images-description-layout-two-col-1-1";
case _.TWO_COL_4_3:
return "images-description-layout-two-col-4-3";
case _.TWO_COL_16_9:
return "images-description-layout-two-col-16-9";
case _.TWO_COL_21_9:
return "images-description-layout-two-col-21-9";
case _.TWO_COL_32_9:
return "images-description-layout-two-col-32-9";
// Layout THREE_COL (3 colonne)
case _.THREE_COL_1_1:
return "images-description-layout-three-col-1-1";
case _.THREE_COL_4_3:
return "images-description-layout-three-col-4-3";
case _.THREE_COL_16_9:
return "images-description-layout-three-col-16-9";
case _.THREE_COL_21_9:
return "images-description-layout-three-col-21-9";
case _.THREE_COL_32_9:
return "images-description-layout-three-col-32-9";
default:
return "";
}
})(a);
return /* @__PURE__ */ s.jsx(l, { className: c("base-col images-description-section", r), children: /* @__PURE__ */ s.jsx(
"ul",
{
role: "list",
"aria-label": `Raccolta di ${i}`,
className: `list-style-none ${o}`,
children: t == null ? void 0 : t.map((e) => /* @__PURE__ */ s.jsxs("li", { className: "images-description-item", children: [
/* @__PURE__ */ s.jsx("div", { className: "images-description-item-image-container", children: /* @__PURE__ */ s.jsx(
"img",
{
src: e.image.src,
alt: e.image.alt,
title: e.image.title,
className: "images-description-item-image"
}
) }),
/* @__PURE__ */ s.jsx("div", { className: "images-description-item-content", children: /* @__PURE__ */ s.jsx("p", { className: "images-description-item-description text-slate-28 fs-9", children: e.description }) })
] }, e._id))
}
) });
};
export {
_ as IMAGES_DESCRIPTION_LAYOUTS,
d as ImagesDescription
};
//# sourceMappingURL=index.es148.js.map