'use client';
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),helper=require("../../../common/helper.js"),system=require("@gem-sdk/system"),ItemGridPostPurchase=require("./ItemGridPostPurchase.js"),useSlideCarousel=require("../../hooks/useSlideCarousel.js"),classes=require("../../common/classes.js"),styles=require("../../common/styles.js");const ImageListGrid=({styles:e,setting:s,productImages:r})=>{let t={...e,...s},{ilObjectFit:i,ilAspectRatio:a,layoutType:l,ilNumberPerRow:u,ilSpacing:m,ilBorder:o}=t,c=helper.postPurchaseSpacing[m||"none"],{itemSlideGrid:d}=useSlideCarousel.useSlideCarousel({layoutType:l,ilNumberPerRow:u}),n=system.createClass(classes.getImageGridClass()),j=system.createStyle(styles.getImageGridStyle({gap:c,itemSlide:d}));return jsxRuntime.jsx("div",{className:n,style:j,children:r?.map(e=>jsxRuntime.jsx(ItemGridPostPurchase.ItemGridPostPurchase,{image:e,border:o,aspectRatio:a,objectFit:i},e.src))})};exports.default=ImageListGrid;
