import{r as t,h as s,g as e}from"./p-3ba9c73c.js";import{l as r,z as c}from"./p-c2a010f7.js";r.add(c);const i=class{constructor(s){t(this,s)}render(){return[this.icon&&s("bce-icon",{raw:this.icon,"fixed-width":!0}),s("slot",null),"input"===this.role&&s("bce-icon",{pre:"fas",name:"times-circle"})]}get el(){return e(this)}static get style(){return":host{--shade1:rgba(0,0,0,0.12);--shade2:rgba(0,0,0,0.67);--shade3:rgba(0,0,0,0.87);display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;padding:0 12px;height:32px;font-size:14px;background-color:var(--shade1);color:var(--shade3);border-radius:16px;margin:2px 0}:host bce-icon{padding:3.5px 3.25px}:host bce-icon:nth-child(2){padding:3.5px 3.25px;margin-right:4px}:host bce-icon:last-child{color:var(--shade2);margin-left:4px}:host([icon]){padding-left:4px}:host([type=outline]){background-color:transparent;border:1px solid var(--shade1)}:host([role=input]){padding-right:4px}:host([small]){height:25px;font-size:12px}:host([small]) bce-icon:nth-child(2){margin-right:0}:host([small]) bce-icon:last-child{margin-left:2px}"}};export{i as bce_chip};