import { r as registerInstance, h, H as Host } from './index-102043e0.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',
};
let DvnAlert = class {
  constructor(hostRef) {
    registerInstance(this, hostRef);
    this.tint = 'primary';
  }
  render() {
    const { message, tint } = this;
    const iconName = tintsToIcons[tint];
    return (h(Host, { class: "d-block" }, h("dvn-card", { elevation: 0, leaned: true, tint: tint, reverseTint: true, extraClass: "mb-3" }, h("div", { class: "d-flex align-items-center" }, h("dvn-icon", { iconName: iconName, class: "pr-2", size: 32 }), message))));
  }
};
DvnAlert.style = dvnAlertCss;

export { DvnAlert as dvn_alert };
