'use client';
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("./ImageListCarousel.js"),s=require("@gem-sdk/system"),t=require("../../hooks/useFeatureImagePostPurchase.js"),u=require("../../hooks/useSlideCarousel.js"),a=require("../../common/styles.js");exports.default=i=>{let{styles:o,setting:l,gallery:c}=i,d={...l,...o},{ftNavigation:n="none",ftSpacing:m="xtight",layoutType:g,ftAspectRatio:j,ftObjectFit:x,ftWidth:y}=d,{idxActive:h}=t.useFeatureImagePostPurchase({gallery:c}),{itemSlideList:p}=u.useSlideCarousel({layoutType:g}),q=s.createStyle(a.getFeatureImageStyle({ftWidth:y}));return e.jsx("div",{style:q,children:e.jsx(r.default,{...i,productImages:c,aspectRatio:j,objectFit:x,spacing:m,navigation:n,vertical:!1,border:"none",itemPerSlide:p,idxActive:h})})};
