<app-modal id="error-modal" higerOder="true">
  <div class="error-modal">
    <div class="header">
      <h1>{{ title }}</h1>
      <lib-icon (click)="closeErrorModal()" height="21px" class="close-icon" name="close" alt="close"></lib-icon>
    </div>
    <div class="body">
      <span class="message" *ngIf="!hasInvalidAttributes" [innerHTML]="message"></span>
      <ng-container *ngIf="hasInvalidAttributes">
        <span *ngFor="let propertie of invalidAttributes">
          {{ propertie.key + ' => ' + propertie.value }}
        </span>
      </ng-container>
    </div>
    <div class="actions">
      <div class="align-right">
        <ng-container *ngIf="!logout">
          <app-button *ngIf="!safeMode" (action)="resetState()">App neu starten</app-button>
          <app-button [primary]="true" (action)="closeErrorModal()">Erneut versuchen</app-button></ng-container
        >
        <ng-container *ngIf="logout"> <app-button [primary]="true" (action)="closeErrorModal()">Erneut anmelden</app-button></ng-container>
      </div>
    </div>
  </div>
</app-modal>
