import{D as p,u as e,o as s,c as l,b as v,f as u,ai as f,F as h,Z as I,a9 as b,d as g,j as G,q as d,_ as k}from"./BUd9wh9d.js";const x={key:0},C={class:"image-gallery__main"},B={key:0,class:"image-gallery__thumbnails"},N=["aria-label","onClick"],S=p({__name:"SideBySideImageGallery",props:{image:{},imageGallery:{}},setup(o){const a=o,r=G(0),c=d(()=>(a.imageGallery?.length??0)>0),n=d(()=>c.value?a.imageGallery?.[r.value]??a.imageGallery?.[0]:a.image),y=i=>{r.value=i};return(i,V)=>{const m=f;return e(n)?(s(),l("div",x,[v("div",C,[u(m,{src:e(n).config.src,alt:e(n).altText,provider:"cloudinary"},null,8,["src","alt"])]),e(c)?(s(),l("div",B,[(s(!0),l(h,null,I(o.imageGallery,(_,t)=>(s(),l("button",{key:`image-${t}`,type:"button",class:b(["image-gallery__thumb",{"is-active":t===e(r)}]),"aria-label":`View image ${t+1}`,onClick:$=>y(t)},[u(m,{src:_.config.src,alt:_.altText,provider:"cloudinary"},null,8,["src","alt"])],10,N))),128))])):g("",!0)])):g("",!0)}}}),F=Object.assign(k(S,[["__scopeId","data-v-f7d224e0"]]),{__name:"CommonSideBySideImageGallery"});export{F as default};