import{a as b,C as m,m as i,g as a,p as t,D as c,u as e,F as f,H as h,I as n}from"./convert-case-to-camel-case.utils-DDUpNI96.js";const v={class:"ccb-calc-title"},T={class:"tabs"},k=["id"],y={class:"count"},B=["title"],z=b({__name:"CircleTabs",props:{pages:{},step:{},hideTitle:{type:Boolean},calcTitle:{}},setup(r){const d=r,{pages:_,step:l,hideTitle:p,calcTitle:u}=m(d);return(C,o)=>(a(),i("div",{class:n(["ccb-circle-tab",{"hide-title":e(p)}])},[t("div",v,c(e(u)),1),t("div",T,[(a(!0),i(f,null,h(e(_),s=>(a(),i("div",{class:n(["tab",[{active:e(l)===s.id},{done:e(l)>s.id}]]),key:s.id,ref_for:!0,ref:"tab-"+s.id},[t("span",{class:"tab__item",id:String(s.id)},[t("span",y,c(s.id),1),o[0]||(o[0]=t("span",{class:"complete"},[t("i",{class:"ccb-icon-radius-check",style:{"font-size":"12px"}})],-1))],8,k),t("span",{class:"tab__title",title:s.label},c(s.title),9,B)],2))),128))])],2))}});export{z as default};
//# sourceMappingURL=CircleTabs-DPkltQvl.js.map
