<div
  #alertElement
  class="alert alert-{{ color }}"
  [class.alert-dismissible]="dismissible"
  [class.fade]="dismissible"
  [class.show]="dismissible"
  role="alert">
  <h4 class="alert-heading">
    <ng-content select="[heading]"></ng-content>
  </h4>

  <ng-content></ng-content>

  @if (dismissible) {
    <button type="button" class="btn-close" data-bs-dismiss="alert" [attr.aria-label]="'it.core.close-alert' | translate">
      <it-icon name="close"></it-icon>
    </button>
  }
</div>
