<div [ngClass]="className">
  <div class="toast__icon-wrapper">
    <msfa-icon [icon]="iconType.INFO" size="l" *ngIf="error.severity === errorSeverity.HIGH"></msfa-icon>
    <msfa-icon [icon]="iconType.WARNING" size="l" *ngIf="error.severity === errorSeverity.MEDIUM"></msfa-icon>
    <msfa-icon [icon]="iconType.APPROVED" size="l" *ngIf="error.severity === errorSeverity.LOW"></msfa-icon>
  </div>
  <div class="toast__content">
    <button class="toast__close-button" aria-label="Stäng meddelandet" (click)="emitCloseEvent()">
      <msfa-icon [icon]="iconType.X" size="l"></msfa-icon>
    </button>
    <h3 class="toast__heading">{{ error.name }}</h3>
    <p class="toast__message">{{ error.message }}</p>
  </div>
</div>
