import{r as a,h as r,H as e}from"./p-c1e62c18.js";const o=class{constructor(r){a(this,r),this.content="",this.tint="neutral",this.scale="medium"}render(){return r(e,{class:{[this.scale]:!0,[this.tint]:!0},style:{paddingRight:this.horizontalSpacing||void 0},"badge-content":this.content},r("slot",null))}};o.style="dvn-badge{display:block;position:relative}dvn-badge.neutral{--badge-color:var(--color-neutral)}dvn-badge.primary{--badge-color:var(--color-primary)}dvn-badge.secondary{--badge-color:var(--color-secondary)}dvn-badge.warning{--badge-color:var(--color-warning)}dvn-badge.danger{--badge-color:var(--color-danger)}dvn-badge.small{--badge-size:8px}dvn-badge.medium{--badge-size:12px}dvn-badge.large{--badge-size:16px}dvn-badge:after{color:var(--color-background-primary);content:attr(badge-content);background:var(--badge-color);border-radius:50%;font-size:var(--font-size-small);height:var(--badge-size);position:absolute;text-align:center;width:var(--badge-size);line-height:var(--badge-size);top:0;right:0;transform:scale(1) translate(50%, -50%);transform-origin:100% 0%}";export{o as dvn_badge}