<div class="alert is-{{alertKind}}">
  <div class="icon">

    @if (alertKind == "warning") {
      <i class="ri-triangle-line"></i>
    }
    @if (alertKind == "danger") {
      <i class="ri-triangle-line"></i>
    }
    @if (alertKind == "error") {
      <i class="ri-triangle-line"></i>
    }
  </div>
  <slot [innerHTML]="message " name="main">
    <ng-content></ng-content>
  </slot>
  <div (click)="onCloseClicked()" class="close-button button">x</div>
</div>
