import{u as m}from"./vendor-vue-runtime-dom-B2rky8vu.js";import{u}from"./useAppearanceTypography-BBl5RU11.js";import{d as p,e as r,f as v,i as f,x as b}from"./vendor-vue-runtime-core-DwK6Ry68.js";import{u as o,t as _}from"./vendor-vue-reactivity-CheHbvBM.js";import{b as C,a as x}from"./vendor-vue-shared-DrzsEcag.js";import"./useAppearanceStore-IzenP-G4.js";import"./vendor-pinia-BSPefQhS.js";import"./vendor-axios-xsH4HHeE.js";import"./vendor-vue3-toastify-DBGjcIyK.js";const D=p({__name:"Divider",props:{field:{}},setup(t){m(n=>({"53231bc8":o(d)}));const s=t,{field:e}=_(s),i=r(()=>e.value.len||"100%"),a=r(()=>e.value.size||"1px"),l=r(()=>e.value.style||"solid"),c=r(()=>({width:i.value,borderBottom:a.value+" "+l.value+" var(--ccb-fields-border-color)"})),{borderColor:d}=u();return(n,y)=>(f(),v("div",{class:x(["ccb-field ccb-divider",o(e).additionalStyles])},[b("div",{class:"ccb-divider__item",style:C({...c.value})},null,4)],2))}});export{D as default};
//# sourceMappingURL=Divider-BI6uDF_i.js.map
