'use client';
import{jsx as e,Fragment as r,jsxs as t}from"react/jsx-runtime";import{useRenderMode as a}from"@gem-sdk/core";import o from"../child/ProductFeaturedImageCarousel.js";import{getProductImagesClassName as l}from"../../composables/getProductImagesClassName.js";import{getProductImagesStyles as s}from"../../composables/getProductImagesStyles.js";let i=i=>{let{isEditMode:m}=a(),{setting:d,styles:u,gallery:c,builderProps:n,noDataChildren:p,onHandleClickImage:g,children:f}=i,I={...d,...u};if(c?.[0]?.id==="noImageError"&&m)return e(r,{children:p});let{featureImageOnlyOneImageClasses:b}=l(I),{featureImageStyle:y}=s(I);return t("div",{className:b,style:y,children:[e(o,{productImages:c,...I,onHandleClick:(e,r)=>{g(e||"",r)},builderPropUID:n?.uid,builderPropsClass:`gp-product-images-gallery-${n?.uid}`,isFilterByVariantEnabled:i.isFilterByVariantEnabled}),f]})};export{i as default};
