import{_ as p}from"./Image.vue.NJXRPlQC.js";import{g as d,K as n,o,c as r,F as g,A as k,j as f,m as t,L as _}from"./entry.Ddy3dMw-.js";import"./Image.vue.CPCAhc4E.js";import"./image.Ca_qe83Z.js";const $=d({__name:"Gallery",props:{block:{}},setup(a){const e=a,m=JSON.parse(e.block.content.gallery),s=n(()=>({sm:e.block.content["columns-sm"]||1,md:e.block.content["columns-md"]||2,lg:e.block.content["columns-lg"]||3,xl:e.block.content["columns-xl"]||4})),u=n(()=>{const l=[];return s.value.sm?l.push(`grid-cols-${s.value.sm}`):l.push("sm:grid-cols-1"),s.value.md?l.push(`md:grid-cols-${s.value.md}`):l.push("md:grid-cols-2"),s.value.lg?l.push(`lg:grid-cols-${s.value.lg}`):l.push("lg:grid-cols-4"),s.value.xl?l.push(`xl:grid-cols-${s.value.xl}`):l.push("xl:grid-cols-5"),l.join(" ")});return(l,b)=>{const i=p;return o(),r("div",{class:_(["grid gap-em",t(u)])},[(o(!0),r(g,null,k(t(m),c=>(o(),f(i,{key:c.id,block:c},null,8,["block"]))),128))],2)}}});export{$ as default};