'use client';
import{jsx as e}from"react/jsx-runtime";import{useFeaturedImageGlobal as t,useProductStore as r}from"@gem-sdk/core";import{createClass as s}from"@gem-sdk/system";import{getItemCarouselPostPurchaseClass as o}from"../../common/classes.js";import m from"../../../image/components/Image.js";let a=a=>{let{image:c,border:i,aspectRatio:n,objectFit:b}=a,d=t(),l=r(e=>e.setProductFeaturedImage),f=s(o({border:c?.id===d?.id&&"none"!==i})),p={src:c?.src||"https://cdn.shopify.com/s/assets/no-image-2048-5e88c1b20e087fb7bbe9a3771824e743c244f437e4f8ba93bbf7b11b53f7824c_large.gif",alt:""};return e("div",{"aria-hidden":"true",className:f,onClick:()=>l(c),children:e(m,{setting:{srcSet:{desktop:p,mobile:p,tablet:p}},styles:{aspectRatio:n,objectFit:b,enableBorder:"none"}},c?.src)})};export{a as ItemCarouselPostPurchase};
