import { Host, h } from "@stencil/core";
import { BEM } from "../../utils/bem";
export class Notification {
    constructor() {
        /**
         * Defines the color of the element
         * Color type primary is deprecated, please use info instead.
         */
        this.color = '';
        /**
         * If `true` the notifications are presented in a light variant
         */
        this.light = false;
        /**
         * If `true` there will be no icon provided
         */
        this.noIcon = false;
    }
    render() {
        const block = BEM.block('notification');
        const innerEl = block.element('inner');
        return (h(Host, { key: '25a9149c4bb693ebf3c1b1a863e72f7727b8d046', class: Object.assign(Object.assign(Object.assign(Object.assign({}, block.class()), block.modifier(`no-icon`).class(this.noIcon)), block.modifier(`color-${this.color}${this.light ? '-light' : ''}`).class(!!this.color)), block.modifier(`color-light`).class(!this.color && this.light)), "data-testid": "bal-notification-content" }, h("slot", { key: '6254964fe9f247d75cb102a80c7a251a233bf2d9' })));
    }
    static get is() { return "bal-notification"; }
    static get originalStyleUrls() {
        return {
            "$": ["bal-notification.sass"]
        };
    }
    static get styleUrls() {
        return {
            "$": ["bal-notification.css"]
        };
    }
    static get properties() {
        return {
            "color": {
                "type": "string",
                "mutable": false,
                "complexType": {
                    "original": "BalProps.BalNotificationColor",
                    "resolved": "\"\" | \"danger\" | \"info\" | \"primary\" | \"success\" | \"warning\"",
                    "references": {
                        "BalProps": {
                            "location": "global",
                            "id": "global::BalProps"
                        }
                    }
                },
                "required": false,
                "optional": false,
                "docs": {
                    "tags": [],
                    "text": "Defines the color of the element\nColor type primary is deprecated, please use info instead."
                },
                "getter": false,
                "setter": false,
                "reflect": false,
                "attribute": "color",
                "defaultValue": "''"
            },
            "light": {
                "type": "boolean",
                "mutable": false,
                "complexType": {
                    "original": "boolean",
                    "resolved": "boolean",
                    "references": {}
                },
                "required": false,
                "optional": false,
                "docs": {
                    "tags": [],
                    "text": "If `true` the notifications are presented in a light variant"
                },
                "getter": false,
                "setter": false,
                "reflect": false,
                "attribute": "light",
                "defaultValue": "false"
            },
            "noIcon": {
                "type": "boolean",
                "mutable": false,
                "complexType": {
                    "original": "boolean",
                    "resolved": "boolean",
                    "references": {}
                },
                "required": false,
                "optional": false,
                "docs": {
                    "tags": [],
                    "text": "If `true` there will be no icon provided"
                },
                "getter": false,
                "setter": false,
                "reflect": false,
                "attribute": "no-icon",
                "defaultValue": "false"
            }
        };
    }
}
