import{r,h as e}from"./p-3f9529e5.js";const a=":host{--background:var(--klevu-badge-background, var(--klevu-color-accent-1));--border-radius:var(--klevu-badge-border-radius, var(--klevu-border-radius-xxl));display:inline-block}div{display:inline-block;padding:var(--klevu-spacing-02) var(--klevu-spacing-05);background:var(--background);border-radius:var(--border-radius);align-items:center}klevu-icon{position:relative;top:1px;left:-4px;font-size:0.7em;margin-right:var(--klevu-spacing-01)}klevu-typography{line-height:1}";const o=class{constructor(e){r(this,e);this.accent=undefined;this.neutral=undefined}render(){let r={};if(this.accent||this.neutral){r={"--background":this.accent?`var(--klevu-color-accent-${this.accent})`:`var(--klevu-color-neutral-${this.neutral})`,"--klevu-typography-color":this.neutral&&this.neutral>6?"var(--klevu-color-neutral-1)":"var(--klevu-typography-color)"}}return e("div",{style:r,part:"badge-base"},e("klevu-typography",{variant:"body-xs"},e("span",{part:"badge-content"},e("slot",null))))}};o.style=a;export{o as klevu_badge};
//# sourceMappingURL=p-28bf5128.entry.js.map