'use client';
import{jsx as e}from"react/jsx-runtime";import{postPurchaseSpacing as m}from"../../../common/helper.js";import{createClass as o,createStyle as r}from"@gem-sdk/system";import{ItemGridPostPurchase as s}from"./ItemGridPostPurchase.js";import{useSlideCarousel as t}from"../../hooks/useSlideCarousel.js";import{getImageGridClass as i}from"../../common/classes.js";import{getImageGridStyle as a}from"../../common/styles.js";let ImageListGrid=({styles:l,setting:p,productImages:c})=>{let d={...l,...p},{ilObjectFit:f,ilAspectRatio:n,layoutType:j,ilNumberPerRow:u,ilSpacing:g,ilBorder:h}=d,y=m[g||"none"],{itemSlideGrid:G}=t({layoutType:j,ilNumberPerRow:u}),I=o(i()),b=r(a({gap:y,itemSlide:G}));return e("div",{className:I,style:b,children:c?.map(m=>e(s,{image:m,border:h,aspectRatio:n,objectFit:f},m.src))})};export{ImageListGrid as default};
