import{_}from"./CLiMtjFX.js";import{n as l,t as r,q as t,A as b,F as a,G as p,B as i,v as h,x as m,E as f,y as v,ap as y,_ as c,p as S,r as o,a9 as k}from"./C-p8iwFB.js";import{A as w}from"./DGb7-W3j.js";const g={key:0,class:"heading mb-8"},$=l({__name:"MoleculeHowItWorksSteps",props:{steps:{},numberOfSteps:{},width:{}},setup(d){return(s,u)=>(t(),r("div",{class:b(["steps",`steps-${s.numberOfSteps||4}`])},[(t(!0),r(a,null,p(s.steps,e=>(t(),r("div",{key:e.id,class:"step overflow-hidden me-24 mb-8 mb-lg-0"},[i(w,{number:e.number,class:"mb-64 mb-lg-32"},null,8,["number"]),h("div",{class:"step-text mb-32 mb-lg-0",style:y({maxWidth:`${s.width||42}ch`})},[e.title?(t(),r("h5",g,v(e.title),1)):m("",!0),f(s.$slots,"description",{item:e},void 0,!0)],4)]))),128))],2))}}),B=c($,[["__scopeId","data-v-063d6b3f"]]),H=["innerHTML"],x=l({__name:"Steps",props:{steps:{},width:{}},setup(d){return(s,u)=>(t(),S(_,{content:s.steps,class:"container"},{default:o(({data:e})=>[(t(!0),r(a,null,p(e.headline,n=>(t(),r("div",{key:n._uid,class:"headline"},[i(k,{line1:n.line1,line2:n.line2,description:n.description,level:"h2"},null,8,["line1","line2","description"])]))),128)),i(B,{steps:e.items,"number-of-steps":e.items.length,width:s.width||32},{description:o(n=>[n.item.description?(t(),r("div",{key:0,class:"text-body-small text-grey-700 preserve-lines",innerHTML:s.$renderStoryblokRichtext(n.item.description)},null,8,H)):m("",!0)]),_:2},1032,["steps","number-of-steps","width"])]),_:1},8,["content"]))}}),M=c(x,[["__scopeId","data-v-e2201f47"]]);export{M as S};
//# sourceMappingURL=_7rh4ye9.js.map