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