"use client";
import { j as r } from "../../../node_modules/.pnpm/react@19.1.0/node_modules/react/jsx-runtime.mjs";
import a from "./MasonryLayout.module.scss.mjs";
import d from "../../../node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/index.mjs";
const g = ({ images: i, ...m }) => {
  if (!i || i.length < 1)
    return null;
  const l = i.length > 5 ? i.slice(0, 5) : i, n = l.length, t = () => {
    const s = [a.masonryGrid], e = a[`masonryGrid--${n}`];
    return e && s.push(e), s;
  }, c = () => n === 1 ? /* @__PURE__ */ r.jsx("div", { className: a.mediumImage, children: l[0] }) : n === 2 ? l.map((s, e) => /* @__PURE__ */ r.jsx("div", { className: a.mediumImage, children: s }, e)) : n === 3 ? l.map((s, e) => /* @__PURE__ */ r.jsx("div", { className: a.mediumImage, children: s }, e)) : n === 4 ? l.map((s, e) => /* @__PURE__ */ r.jsx("div", { className: a.smallImage, children: s }, e)) : n === 5 ? /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
    /* @__PURE__ */ r.jsx("div", { className: a.largeImage, children: l[0] }),
    /* @__PURE__ */ r.jsx("div", { className: a.smallImagesContainer, children: l.slice(1).map((s, e) => /* @__PURE__ */ r.jsx("div", { className: a.smallImage, children: s }, e + 1)) })
  ] }) : null;
  return /* @__PURE__ */ r.jsx("div", { className: d(t()), ...m, children: c() });
};
export {
  g as default
};
//# sourceMappingURL=index.mjs.map
