import { h, Host } from "@stencil/core";
export class PnmarketwebIcon {
    constructor() {
        this.symbol = null;
        this.small = false;
        this.color = 'black';
    }
    render() {
        return (h(Host, { key: '300b1da9e9c581fdeec0b15d51c05d147d65252c' }, h("pn-icon", { key: '89a5a4527333fdb927e34f3f66054024b657fa4a', icon: this.symbol, color: this.color, small: this.small })));
    }
    static get is() { return "pn-marketweb-icon"; }
    static get originalStyleUrls() {
        return {
            "$": ["pn-marketweb-icon.scss"]
        };
    }
    static get styleUrls() {
        return {
            "$": ["pn-marketweb-icon.css"]
        };
    }
    static get properties() {
        return {
            "symbol": {
                "type": "string",
                "mutable": false,
                "complexType": {
                    "original": "string",
                    "resolved": "string",
                    "references": {}
                },
                "required": false,
                "optional": false,
                "docs": {
                    "tags": [],
                    "text": "The SVG content of the icon you want to use"
                },
                "attribute": "symbol",
                "reflect": false,
                "defaultValue": "null"
            },
            "small": {
                "type": "boolean",
                "mutable": false,
                "complexType": {
                    "original": "boolean",
                    "resolved": "boolean",
                    "references": {}
                },
                "required": false,
                "optional": false,
                "docs": {
                    "tags": [],
                    "text": "Medium is default but you can pass \"small\" for a 16x16 icon"
                },
                "attribute": "small",
                "reflect": false,
                "defaultValue": "false"
            },
            "color": {
                "type": "string",
                "mutable": false,
                "complexType": {
                    "original": "string",
                    "resolved": "string",
                    "references": {}
                },
                "required": false,
                "optional": false,
                "docs": {
                    "tags": [],
                    "text": "Check for the available colors in the knobs panel in the story"
                },
                "attribute": "color",
                "reflect": false,
                "defaultValue": "'black'"
            }
        };
    }
}
//# sourceMappingURL=pn-marketweb-icon.js.map
