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