import{u as d,a as g}from"./chunk-8e5kB75k.js";import{B as $}from"./app-CPb3bToC.js";import{m as h,a as e,l as f}from"./chunk-DhYw-kuD.js";const x={true:"inset",item:"item-inset","item-thumbnail":"item-thumbnail-inset"},i={xs:2,sm:4,md:8,lg:16,xl:24},k=$({name:"QSeparator",props:{...d,spaced:[Boolean,String],inset:[Boolean,String],vertical:Boolean,color:String,size:String},setup(t){const o=h(),c=g(t,o.proxy.$q),s=e(()=>t.vertical===!0?"vertical":"horizontal"),n=e(()=>` q-separator--${s.value}`),l=e(()=>t.inset!==!1?`${n.value}-${x[t.inset]}`:""),m=e(()=>`q-separator${n.value}${l.value}`+(t.color!==void 0?` bg-${t.color}`:"")+(c.value===!0?" q-separator--dark":"")),u=e(()=>{const a={};if(t.size!==void 0&&(a[t.vertical===!0?"width":"height"]=t.size),t.spaced!==!1){const v=t.spaced===!0?`${i.md}px`:t.spaced in i?`${i[t.spaced]}px`:t.spaced,r=t.vertical===!0?["Left","Right"]:["Top","Bottom"];a[`margin${r[0]}`]=a[`margin${r[1]}`]=v}return a});return()=>f("hr",{class:m.value,style:u.value,"aria-orientation":s.value})}});export{k as Q};
