<div class="auth-page">
  <mat-card class="auth-card">
    <mat-card-header><mat-card-title>E-Mail-Bestätigung</mat-card-title></mat-card-header>
    <mat-card-content>
      @if (confirming()) {
        <div class="state">
          <mat-spinner diameter="36" />
          <span>Deine E-Mail-Adresse wird bestätigt …</span>
        </div>
      } @else if (errorMessage()) {
        <p class="error">{{ errorMessage() }}</p>
        <a mat-flat-button routerLink="/auth/login">Zum Login</a>
      } @else {
        <p>Deine E-Mail-Adresse wurde erfolgreich bestätigt.</p>
        <a mat-flat-button routerLink="/auth/login">Zum Login</a>
      }
    </mat-card-content>
  </mat-card>
</div>
