'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

const index = require('./index-7f52f1a2.js');

const balNotificationCss = "@-webkit-keyframes spinAround{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes spinAround{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.notification.sc-bal-notification:not(:last-child){margin-bottom:1.5rem}.notification.sc-bal-notification{background-color:#f5f5f6;border-radius:0;position:relative;padding:1.25rem 2.5rem 1.25rem 1.5rem}.notification.sc-bal-notification a.sc-bal-notification:not(.button):not(.dropdown-item){color:currentColor;text-decoration:underline}.notification.sc-bal-notification strong.sc-bal-notification{color:currentColor}.notification.sc-bal-notification code.sc-bal-notification,.notification.sc-bal-notification pre.sc-bal-notification{background:#ffffff}.notification.sc-bal-notification pre.sc-bal-notification code.sc-bal-notification{background:transparent}.notification.sc-bal-notification>.delete.sc-bal-notification{right:0.5rem;position:absolute;top:0.5rem}.notification.sc-bal-notification .title.sc-bal-notification,.notification.sc-bal-notification .subtitle.sc-bal-notification,.notification.sc-bal-notification .content.sc-bal-notification{color:currentColor}.notification.is-white.sc-bal-notification{background-color:#ffffff;color:#222222}.notification.is-black.sc-bal-notification{background-color:#222222;color:#ffffff}.notification.is-light.sc-bal-notification{background-color:#fafafa;color:rgba(0, 0, 0, 0.7)}.notification.is-dark.sc-bal-notification{background-color:#003399;color:#fff}.notification.is-primary.sc-bal-notification{background-color:#009ee7;color:#ffffff}.notification.is-primary.is-light.sc-bal-notification{background-color:#ebf9ff;color:#0085c2}.notification.is-link.sc-bal-notification{background-color:#009ee7;color:#003399}.notification.is-link.is-light.sc-bal-notification{background-color:#ebf9ff;color:#0085c2}.notification.is-info.sc-bal-notification{background-color:#003399;color:#fff}.notification.is-info.is-light.sc-bal-notification{background-color:#f0fbff;color:#002b82}.notification.is-success.sc-bal-notification{background-color:#3fc889;color:#ffffff}.notification.is-success.is-light.sc-bal-notification{background-color:#effaf5;color:#237b53}.notification.is-warning.sc-bal-notification{background-color:#ff9900;color:#fff}.notification.is-warning.is-light.sc-bal-notification{background-color:#fff7eb;color:#9e5f00}.notification.is-danger.sc-bal-notification{background-color:#ff3366;color:#fff}.notification.is-danger.is-light.sc-bal-notification{background-color:#ffebf0;color:#db0037}.sc-bal-notification-h{display:block;position:static}.sc-bal-notification-h .notification.sc-bal-notification{background:#f0fbff;border:1px solid #d3dbeb;color:#003399;font-family:MetaPro, Arial, sans-serif}.sc-bal-notification-h .notification.is-primary.sc-bal-notification{background:#003399;border:1px solid #003399;color:#ffffff}.sc-bal-notification-h .notification.is-info.sc-bal-notification{background:#fafafa;border:1px solid #d3dbeb;color:#222222}.sc-bal-notification-h .notification.is-link.sc-bal-notification{background:#003399;color:#ffffff;border:none}.sc-bal-notification-h .notification.is-warning.sc-bal-notification{background:#ff9900;color:#ffffff;border:none}.sc-bal-notification-h .notification.is-danger.sc-bal-notification{background:#ff3366;color:#ffffff;border:none}.sc-bal-notification-h .notification.is-success.sc-bal-notification{background:#3fc889;color:#ffffff;border:none}";

const Notification = class {
  constructor(hostRef) {
    index.registerInstance(this, hostRef);
    /**
     * Defines the color of the element
     */
    this.type = '';
  }
  render() {
    return (index.h(index.Host, null, index.h("div", { class: `notification is-${this.type}` }, index.h("slot", null))));
  }
};
Notification.style = balNotificationCss;

exports.bal_notification = Notification;
