import { Host, h } from "@stencil/core";
export class ChipTag {
    constructor() {
        this.icon = undefined;
        this.color = 'default';
        this.dataTest = null;
    }
    render() {
        return (h(Host, { key: 'fbb40b08a977e32edd8367191c4b1a734e88b3dd' }, h("div", { key: 'abd965c7838b925743149bfc5e6e6b469915d7ab', class: {
                chip_tag: true,
                [`chip_tag--${this.color}`]: true,
            }, "data-test": this.dataTest }, this.icon && (h("div", { key: '4b73cce359e096676e317ccc935ecabb9d21c143', class: "chip_tag--icon" }, h("bds-icon", { key: '4884ba21370571e39753bf80ed8a320bc9362f71', size: "x-small", name: this.icon }))), h("div", { key: 'cb0a27a2d61329a832b826fba8d6e3f623ece042', class: this.icon ? `chip_tag--container-text--half` : `chip_tag--container-text--full` }, h("bds-typo", { key: '34a74727d2a2e5247793a38c31cf94ba4344dfc1', "no-wrap": "true", class: "chip_tag--text", variant: "fs-12", bold: "bold" }, h("slot", { key: '7d20f516fb360286eca8eaf5989d97f219a275fb' }))))));
    }
    static get is() { return "bds-chip-tag"; }
    static get encapsulation() { return "shadow"; }
    static get originalStyleUrls() {
        return {
            "$": ["chip-tag.scss"]
        };
    }
    static get styleUrls() {
        return {
            "$": ["chip-tag.css"]
        };
    }
    static get properties() {
        return {
            "icon": {
                "type": "string",
                "mutable": false,
                "complexType": {
                    "original": "string",
                    "resolved": "string",
                    "references": {}
                },
                "required": false,
                "optional": true,
                "docs": {
                    "tags": [],
                    "text": "used for add icon in left container. Uses the bds-icon component."
                },
                "attribute": "icon",
                "reflect": false
            },
            "color": {
                "type": "string",
                "mutable": false,
                "complexType": {
                    "original": "ColorChipTag",
                    "resolved": "\"danger\" | \"default\" | \"disabled\" | \"info\" | \"outline\" | \"success\" | \"warning\"",
                    "references": {
                        "ColorChipTag": {
                            "location": "local",
                            "path": "/home/runner/work/blip-ds/blip-ds/src/components/chip-tag/chip-tag.tsx",
                            "id": "src/components/chip-tag/chip-tag.tsx::ColorChipTag"
                        }
                    }
                },
                "required": false,
                "optional": true,
                "docs": {
                    "tags": [],
                    "text": "used for change the color. Uses one of them."
                },
                "attribute": "color",
                "reflect": false,
                "defaultValue": "'default'"
            },
            "dataTest": {
                "type": "string",
                "mutable": false,
                "complexType": {
                    "original": "string",
                    "resolved": "string",
                    "references": {}
                },
                "required": false,
                "optional": true,
                "docs": {
                    "tags": [],
                    "text": "Data test is the prop to specifically test the component action object."
                },
                "attribute": "data-test",
                "reflect": false,
                "defaultValue": "null"
            }
        };
    }
}
//# sourceMappingURL=chip-tag.js.map
