import{H}from"./CyZJ9wlE.js";import{P as S}from"./BaHb8Jy8.js";import{H as $,j as V,r as T,t as d,a7 as B,V as a,Z as c,W as u,_ as p,I as N,$ as x,a0 as I,ad as k,ar as L,K as j,J as t,a9 as M,a5 as q}from"./C_-0XrhF.js";const z=["data-view-id"],D={key:0,class:"h-grid h-services-section__overline t-body-3-uppercase"},E={key:1,class:"h-grid h-services-section__title-wrapper"},F=["innerHTML"],G={key:0,class:"h-services-section__description"},J={key:2,class:"h-services-section__button-wrapper"},K={class:"h-services-section__button"},O=$({__name:"HServicesSection",props:{data:{type:Object,required:!0},backgroundColor:{type:String,default:"neutral0"},cardColor:{type:String,default:""}},setup(e){const l=e,{pageNameDataClickId:f}=V(),n=T(""),s=d(()=>l.data.tabs.map(({tabName:o})=>o||"")),v=d(()=>s.value.length),r=d(()=>v.value>1?l.data.tabs.find(({tabName:o})=>o===n.value):l.data.tabs[0]);return B(v,()=>{n.value=s.value[0]},{immediate:!0}),(o,h)=>{var _,m,g,b;const C=H,y=S;return t(),a("section",{class:k(["h-services-section",{[`h-services-section--bg-${e.backgroundColor}`]:!!e.backgroundColor}]),"data-view-id":`hgr-${j(f)}-services_section`},[e.data.overline?(t(),a("span",D,p(e.data.overline),1)):c("",!0),e.data.title?(t(),a("div",E,[u("h2",{class:"h-services-section__title",innerHTML:e.data.title},null,8,F),e.data.description?(t(),a("p",G,p(e.data.description),1)):c("",!0)])):c("",!0),u("div",{class:k(["h-services-section__cards-container h-grid h-grid--cols-m-1",{"h-grid--cols-d-4":s.value.length>1&&(((_=r.value)==null?void 0:_.cards)||[]).length>3,"h-grid--cols-d-3":(((m=r.value)==null?void 0:m.cards)||[]).length<=3,"h-grid--cols-d-2":s.value.length<=1&&(((g=r.value)==null?void 0:g.cards)||[]).length>3}])},[s.value.length>1?(t(),N(C,{key:`${n.value}-switcher`,modelValue:n.value,"onUpdate:modelValue":h[0]||(h[0]=i=>n.value=i),class:"h-services-section__switcher",options:s.value},null,8,["modelValue","options"])):c("",!0),(t(!0),a(x,null,I((b=r.value)==null?void 0:b.cards,(i,w)=>(t(),a("div",{key:`${i}-${w}`,class:"h-grid-item-t--centered h-grid-item-m--centered"},[M(y,{data:i,"background-color":e.cardColor,clickable:!1},null,8,["data","background-color"])]))),128))],2),o.$slots.button?(t(),a("div",J,[u("div",K,[L(o.$slots,"button",{},void 0,!0)])])):c("",!0)],10,z)}}}),Z=q(O,[["__scopeId","data-v-6c60f89e"]]);export{Z as _};