import { h, Host } from "@stencil/core";
export class PnTiletag {
    constructor() {
        this.icon = null;
        this.color = 'green700';
    }
    hostElement;
    render() {
        return (h(Host, { key: 'd7b27f6ef4058c20108e34e5126c0b2759e2a22d' }, h("slot", { key: '9115557bd422f30e92a32212223de87edde7c3bd' }), this.icon ? h("pn-icon", { icon: this.icon, small: "false", color: this.color }) : null));
    }
    static get is() { return "pn-titletag"; }
    static get originalStyleUrls() {
        return {
            "$": ["pn-titletag.scss"]
        };
    }
    static get styleUrls() {
        return {
            "$": ["pn-titletag.css"]
        };
    }
    static get properties() {
        return {
            "icon": {
                "type": "string",
                "mutable": false,
                "complexType": {
                    "original": "string",
                    "resolved": "string",
                    "references": {}
                },
                "required": false,
                "optional": false,
                "docs": {
                    "tags": [],
                    "text": "Icon of the tag"
                },
                "attribute": "icon",
                "reflect": false,
                "defaultValue": "null"
            },
            "color": {
                "type": "string",
                "mutable": true,
                "complexType": {
                    "original": "string",
                    "resolved": "string",
                    "references": {}
                },
                "required": false,
                "optional": false,
                "docs": {
                    "tags": [],
                    "text": "Icon of the tag"
                },
                "attribute": "color",
                "reflect": true,
                "defaultValue": "'green700'"
            }
        };
    }
    static get elementRef() { return "hostElement"; }
}
//# sourceMappingURL=pn-titletag.js.map
