'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 s,createClass as o}from"@gem-sdk/system";import{useProductImagePostPurchase as a}from"../../../hooks/useProductImagePostPurchase.js";import{getFeatureImageClass as l,getProductImageLayoutClass as i}from"../../../common/classes.js";import{getProductImageLayoutStyle as c,getAlignStyle as g}from"../../../common/styles.js";let n=n=>{let{setting:p,styles:f,gallery:u}=n,d={...p,...f},{layoutType:y="bottom-center"}=d,{itemGap:j,gridLayout:h,isShowGalleryImages:I}=a({imageList:u,setting:p}),P=s(c({gap:j},h)),k=s(g({layoutType:y,align:d?.align})),v=o(l()),x=o(i());return e("div",{className:x,style:P,children:[m("div",{className:v,style:k,children:m(r,{...n})}),I&&m(t,{...n})]})};export{n as default};
