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