'use client';
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("../FeatureImage.js"),t=require("./OnlyGalleryImage.js"),r=require("@gem-sdk/system"),a=require("../../../hooks/useProductImagePostPurchase.js"),l=require("../../../common/classes.js"),u=require("../../../common/styles.js");exports.default=c=>{let{setting:o,styles:i,gallery:m}=c,g={...o,...i},{layoutType:d="bottom-center"}=g,{itemGap:y,gridLayout:n,isShowGalleryImages:j}=a.useProductImagePostPurchase({imageList:m,setting:o}),P=r.createStyle(u.getProductImageLayoutStyle({gap:y},n)),q=r.createStyle(u.getAlignStyle({layoutType:d,align:g?.align})),x=r.createClass(l.getFeatureImageClass()),I=r.createClass(l.getProductImageLayoutClass());return e.jsxs("div",{className:I,style:P,children:[e.jsx("div",{className:x,style:q,children:e.jsx(s.default,{...c})}),j&&e.jsx(t.default,{...c})]})};
