'use client';
import{jsxs as e,jsx as m}from"react/jsx-runtime";import r from"../FeatureImage.js";import t from"./OnlyGalleryImage.js";import{createStyle as a,createClass as s}from"@gem-sdk/system";import{useProductImagePostPurchase as o}from"../../../hooks/useProductImagePostPurchase.js";import{getFeatureImageClass as l,getProductImageLayoutClass as i}from"../../../common/classes.js";import{getProductImageLayoutStyle as g,getAlignStyle as c}from"../../../common/styles.js";let FeatureImageWithGalleryImage=n=>{let{setting:p,styles:u,gallery:f}=n,y={...p,...u},{layoutType:d="bottom-center"}=y,{itemGap:I,gridLayout:h,isShowGalleryImages:j}=o({imageList:f,setting:p}),F=a(g({gap:I},h)),G=a(c({layoutType:d,align:y?.align})),P=s(l()),k=s(i());return e("div",{className:k,style:F,children:[m("div",{className:P,style:G,children:m(r,{...n})}),j&&m(t,{...n})]})};export{FeatureImageWithGalleryImage as default};
