'use client';
import{jsx as e}from"react/jsx-runtime";import t from"./ImageListCarousel.js";import{createStyle as o}from"@gem-sdk/system";import{useFeatureImagePostPurchase as r}from"../../hooks/useFeatureImagePostPurchase.js";import{useSlideCarousel as s}from"../../hooks/useSlideCarousel.js";import{getFeatureImageStyle as m}from"../../common/styles.js";let FeatureImage=i=>{let{styles:a,setting:u,gallery:l}=i,n={...u,...a},{ftNavigation:c="none",ftSpacing:p="xtight",layoutType:d,ftAspectRatio:g,ftObjectFit:f,ftWidth:j}=n,{idxActive:h}=r({gallery:l}),{itemSlideList:I}=s({layoutType:d}),v=o(m({ftWidth:j}));return e("div",{style:v,children:e(t,{...i,productImages:l,aspectRatio:g,objectFit:f,spacing:p,navigation:c,vertical:!1,border:"none",itemPerSlide:I,idxActive:h})})};export{FeatureImage as default};
