import{d,e as r,f as c,i as n,x as u}from"./vendor-vue-runtime-core-DwK6Ry68.js";import{t as v,u as m}from"./vendor-vue-reactivity-CheHbvBM.js";import{b as f,a as p}from"./vendor-vue-shared-DrzsEcag.js";const B=d({__name:"Divider",props:{field:{}},setup(t){const s=t,{field:e}=v(s),i=r(()=>e.value.len||"100%"),o=r(()=>e.value.size||"1px"),a=r(()=>e.value.style||"solid"),l=r(()=>({width:i.value,borderBottom:o.value+" "+a.value+" var(--ccb-fields-border-color)"}));return(_,b)=>(n(),c("div",{class:p(["ccb-field ccb-divider",m(e).additionalStyles])},[u("div",{class:"ccb-divider__item",style:f({...l.value})},null,4)],2))}});export{B as default};
//# sourceMappingURL=index-BqS-mn7r.js.map
