import{_ as b}from"./StoryblokImg.vue.9069339c.js";import{d as k,g,p as v,q as u,n as a,h as n,x as o,z as f,E as l,i as h,F as w,s as S,j as z,B as y}from"./entry.6d8cac4a.js";const C=o("div",{class:"flex-1 block"},null,-1),B={class:"flex-1 z-10"},D=k({__name:"BlockSectionWithImage",props:{blok:{}},setup(i){const{blok:s}=i,t={0:"p-0",2:"p-2",4:"p-4",8:"p-8",12:"p-12",16:"p-16"},c=s.imageSpacing?t[s.imageSpacing]:"p-0";return(e,j)=>{const m=b,p=g("StoryblokComponent"),d=v("editable");return u((a(),n("div",{class:"flex flex-col relative",style:y({backgroundColor:e.blok.backgroundColor??"transparent"})},[o("div",{class:l(["hidden md:block w-1/4 md:w-1/2 h-full absolute overflow-hidden",{"right-0":e.blok.reverse}])},[f(m,{class:l(["h-1/2 md:h-full object-center spacing",[{"object-cover":!e.blok.imageSize||e.blok.imageSize==="cover","object-contain":e.blok.imageSize==="contain","w-full":e.blok.width==="full","w-1/2":e.blok.width==="1/2","w-auto":e.blok.width==="auto","mr-0 ml-auto":!e.blok.reverse,"mr-auto ml-0":e.blok.reverse},h(c)]]),src:e.blok.image.filename,alt:e.blok.image.alt,sizes:"0vw md:65vw",eager:e.blok.eager},null,8,["class","src","alt","eager"])],2),o("div",{class:l(`container flex flex-col md:flex-row ${e.blok.reverse?"flex-col-reverse md:flex-row-reverse":""}`)},[C,o("div",B,[o("div",{class:l(`py-20 ${e.blok.reverse?"pr-1 sm:pr-4 md:pr-10 lg:max-2xl:pr-20":"pl-1 sm:pl-4 md:pl-10 lg:pl-20"}`)},[(a(!0),n(w,null,S(e.blok.content,r=>(a(),z(p,{key:r._uid,blok:r},null,8,["blok"]))),128))],2)])],2)],4)),[[d,e.blok]])}}});export{D as default};