/**
 * Copyright Aquera Inc 2023
 *
 * This source code is licensed under the BSD-3-Clause license found in the
 * LICENSE file in the root directory of this source tree.
 */
import { __decorate } from "tslib";
import { LitElement, html, } from 'lit';
import { customElement, property } from 'lit/decorators.js';
import { styles } from './nile-error-notification.css';
/**
 * Nile icon component.
 *
 * @tag nile-error-notification
 *
 */
let NileErrorNotification = class NileErrorNotification extends LitElement {
    constructor() {
        super(...arguments);
        // Represents the error message to be displayed to the user.
        this.errorMessage = '';
        this.color = '';
        /* #endregion */
    }
    /**
     * The styles for ErrorNotification
     * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`
     */
    static get styles() {
        return [styles];
    }
    updated(_changedProperties) {
        if (_changedProperties.has('color')) {
            this.style.setProperty('--indication-color', this.color);
        }
    }
    /* #endregion */
    /* #region Methods */
    /**
     * Render method
     * @slot This is a slot test
     */
    render() {
        return html `
      <div class="nile-error-notification" part="container">
        <nile-icon
          name="var(--nile-icon-info, var(--ng-icon-info-circle))"
          method="var(--nile-svg-method-fill, var(--ng-svg-method-stroke))"
          size="14"
          class="nile-error-notification__icon"
          part="icon"
          color="var(--indication-color)"
        ></nile-icon>
        <span part="message">
          ${this.errorMessage}
        </span>
      </div>
    `;
    }
};
__decorate([
    property({ type: String, reflect: true })
], NileErrorNotification.prototype, "errorMessage", void 0);
__decorate([
    property({ type: String, reflect: true })
], NileErrorNotification.prototype, "color", void 0);
NileErrorNotification = __decorate([
    customElement('nile-error-notification')
], NileErrorNotification);
export { NileErrorNotification };
export default NileErrorNotification;
//# sourceMappingURL=nile-error-notification.js.map