'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

const index = require('./index-abfd8c86.js');

const chipTagCss = ":host{display:-ms-flexbox;display:flex;max-width:100%}:host .chip_tag{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;min-width:32px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:24px;border-radius:12px;padding:0px 4px;-webkit-box-sizing:border-box;box-sizing:border-box}:host .chip_tag--container-text--full{width:100%}:host .chip_tag--container-text--half{width:calc(100% - 16px)}:host .chip_tag--icon{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;width:16px;height:16px}:host .chip_tag--text{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin:0 8px;font-family:\"Nunito Sans\", \"Carbona\", \"Tahoma\", \"Helvetica\", \"Arial\", sans-serif}:host .chip_tag--default{background-color:var(--color-system, #B2DFFD);color:var(--color-content-din, #000000)}:host .chip_tag--info{background-color:var(--color-info, #80e3eb);color:var(--color-content-din, #000000)}:host .chip_tag--success{background-color:var(--color-success, #84ebbc);color:var(--color-content-din, #000000)}:host .chip_tag--warning{background-color:var(--color-warning, #fde99b);color:var(--color-content-din, #000000)}:host .chip_tag--danger{background-color:var(--color-error, #f99f9f);color:var(--color-content-din, #000000)}:host .chip_tag--outline{background-color:var(--color-surface-1, #F6F6F6);border:1px solid var(--color-border-1, #B1B1B1);color:var(--color-content-default, #454545)}:host .chip_tag--disabled{background-color:var(--color-surface-3, #CFCFCF);color:var(--color-content-default, #454545)}";

const ChipTag = class {
    constructor(hostRef) {
        index.registerInstance(this, hostRef);
        this.icon = undefined;
        this.color = 'default';
        this.dataTest = null;
    }
    render() {
        return (index.h(index.Host, { key: 'fbb40b08a977e32edd8367191c4b1a734e88b3dd' }, index.h("div", { key: 'abd965c7838b925743149bfc5e6e6b469915d7ab', class: {
                chip_tag: true,
                [`chip_tag--${this.color}`]: true,
            }, "data-test": this.dataTest }, this.icon && (index.h("div", { key: '4b73cce359e096676e317ccc935ecabb9d21c143', class: "chip_tag--icon" }, index.h("bds-icon", { key: '4884ba21370571e39753bf80ed8a320bc9362f71', size: "x-small", name: this.icon }))), index.h("div", { key: 'cb0a27a2d61329a832b826fba8d6e3f623ece042', class: this.icon ? `chip_tag--container-text--half` : `chip_tag--container-text--full` }, index.h("bds-typo", { key: '34a74727d2a2e5247793a38c31cf94ba4344dfc1', "no-wrap": "true", class: "chip_tag--text", variant: "fs-12", bold: "bold" }, index.h("slot", { key: '7d20f516fb360286eca8eaf5989d97f219a275fb' }))))));
    }
};
ChipTag.style = chipTagCss;

exports.bds_chip_tag = ChipTag;

//# sourceMappingURL=bds-chip-tag.cjs.entry.js.map