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