@if (hasOpenAlert) {
  <clr-alerts>
    @for (alert of alerts; track alert) {
      <clr-alert
        [clrAlertType]="alert.type"
        [clrAlertAppLevel]="true"
        [(clrAlertClosed)]="alert.closed"
        (clrAlertClosedChange)="onAlertClose()"
      >
        <div class="alert-item">
          <span class="alert-text">
            {{ alert.message }}
          </span>
        </div>
      </clr-alert>
    }
  </clr-alerts>
}
