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