import{b as e,s as t}from"./runtime-core.esm-bundler-Babufkcf.js";import{t as n}from"./create-CGAkPJkS.js";import{r}from"./QIcon-cTVL6ikA.js";var i=[`top`,`middle`,`bottom`],a=n({name:`QBadge`,props:{color:String,textColor:String,floating:Boolean,transparent:Boolean,multiLine:Boolean,outline:Boolean,rounded:Boolean,label:[Number,String],align:{type:String,validator:e=>i.includes(e)}},setup(n,{slots:i}){let a=t(()=>n.align===void 0?null:{verticalAlign:n.align}),o=t(()=>{let e=n.outline&&n.color||n.textColor;return`q-badge flex inline items-center no-wrap q-badge--${n.multiLine?`multi`:`single`}-line`+(n.outline?` q-badge--outline`:n.color===void 0?``:` bg-${n.color}`)+(e===void 0?``:` text-${e}`)+(n.floating?` q-badge--floating`:``)+(n.rounded?` q-badge--rounded`:``)+(n.transparent?` q-badge--transparent`:``)});return()=>e(`div`,{class:o.value,style:a.value,role:`status`,"aria-label":n.label},r(i.default,n.label===void 0?[]:[n.label]))}});export{a as t};