import { r as registerInstance, h, g as getElement } from './core-095fd691.js';
import { l as library, G as faTimesCircle } from './index.es-9027947d.js';
library.add(faTimesCircle);
var BceChip = /** @class */ (function () {
    function class_1(hostRef) {
        registerInstance(this, hostRef);
    }
    class_1.prototype.render = function () {
        return [
            this.icon && h("bce-icon", { raw: this.icon, "fixed-width": true }),
            h("slot", null),
            this.role === 'input' && h("bce-icon", { pre: "fas", name: "times-circle" })
        ];
    };
    Object.defineProperty(class_1.prototype, "el", {
        get: function () { return getElement(this); },
        enumerable: true,
        configurable: true
    });
    Object.defineProperty(class_1, "style", {
        get: function () { 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}"; },
        enumerable: true,
        configurable: true
    });
    return class_1;
}());
export { BceChip as bce_chip };
