'use strict';

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

const index = require('./index-1141a245.js');

const dvnAlertCss = "dvn-alert dvn-card{position:relative;padding-left:var(--corner-radius)}dvn-alert dvn-card:before{position:absolute;left:0;height:100%;width:var(--corner-radius);background:var(--card-text-color);content:\" \"}";

const tintsToIcons = {
  neutral: 'uil-megaphone',
  primary: 'uil-info-circle',
  secondary: 'uil-check-circle',
  warning: 'uil-exclamation-triangle',
  danger: 'uil-exclamation-octagon',
};
const DvnAlert = class {
  constructor(hostRef) {
    index.registerInstance(this, hostRef);
    this.tint = 'primary';
    this.extraClass = 'mb-3';
  }
  render() {
    const { message, tint } = this;
    const iconName = tintsToIcons[tint];
    return (index.h(index.Host, { class: "d-block" }, index.h("dvn-card", { elevation: 0, leaned: true, tint: tint, reverseTint: true, extraClass: this.extraClass }, index.h("div", { class: "d-flex align-items-center" }, index.h("dvn-icon", { iconName: iconName, class: "pr-2", size: 32 }), message), index.h("slot", { name: "footer" }))));
  }
};
DvnAlert.style = dvnAlertCss;

exports.dvn_alert = DvnAlert;
