<div class="error-list-wrapper" [hidden]="!validationErrorLinks || validationErrorLinks.length === 0">
  <digi-notification-alert
    class="error-list"
    af-variation="danger"
    [attr.af-heading]="headingText"
    [af-heading-level]="headingLevel"
    [afCloseable]="false"
  >
    <ul class="error-list__validation-error-links">
      <li *ngFor="let validationErrorLink of validationErrorLinks;">
        <digi-ng-link-internal
          msfaAnchorLink
          class="error-list__validation-error-link"
          [afHref]="'#' + validationErrorLink.elementId"
          [afText]="validationErrorLink.text"
        ></digi-ng-link-internal>
      </li>
    </ul>
  </digi-notification-alert>
</div>
<!-- <digi-form-error-list
      class="edit-employee-form__validation-error-summary"
      af-heading="Åtgärda följande fel för att spara dina ändringar:"
      *ngIf="validationErrorLinks && validationErrorLinks.length !== 0"
    >
    Behöver hantera ankarlänkar kopplat till den här komponenten om det ska fungera att använda den...
      <a
        [attr.href]="'#' + validationErrorLink.elementId"
        [attr.id]="first ? firstValidationErrorLinkId : 'validation-error-link-' + index"
        *ngFor="let validationErrorLink of validationErrorLinks; let first = first; let index = index"
      >
        {{ validationErrorLink.text }}
      </a>
    </digi-form-error-list> -->
