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