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