<!--

    Copyright (C) 2024 Das Land Schleswig-Holstein vertreten durch den
    Ministerpräsidenten des Landes Schleswig-Holstein
    Staatskanzlei
    Abteilung Digitalisierung und zentrales IT-Management der Landesregierung

    Lizenziert unter der EUPL, Version 1.2 oder - sobald
    diese von der Europäischen Kommission genehmigt wurden -
    Folgeversionen der EUPL ("Lizenz");
    Sie dürfen dieses Werk ausschließlich gemäß
    dieser Lizenz nutzen.
    Eine Kopie der Lizenz finden Sie hier:

    https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12

    Sofern nicht durch anwendbare Rechtsvorschriften
    gefordert oder in schriftlicher Form vereinbart, wird
    die unter der Lizenz verbreitete Software "so wie sie
    ist", OHNE JEGLICHE GEWÄHRLEISTUNG ODER BEDINGUNGEN -
    ausdrücklich oder stillschweigend - verbreitet.
    Die sprachspezifischen Genehmigungen und Beschränkungen
    unter der Lizenz sind dem Lizenztext zu entnehmen.

-->
<ods-attachment
  [caption]="file.name"
  [loadingCaption]="file.name + ' wird geladen...'"
  [description]="file.size | fileSizePlain"
  [fileType]="getIconType(file.contentType)"
  (click)="downloadFile()"
  [attr.aria-label]="'Anhang: Dateiname: ' + file.name"
  [isLoading]="isLoading"
  data-test-class="download-file-button"
>
  <div close class="flex-shrink self-center">
    <button
      *ngIf="deletable"
      class="flex size-10 items-center justify-center rounded-md hover:border hover:border-grayborder hover:bg-background-50"
      (click)="deleteFile($event)"
      title="Anhang löschen"
      aria-label="Anhang löschen Button"
      data-test-class="delete-file-button"
    >
      <ods-icon name="close" fill="text" />
    </button>
  </div>
</ods-attachment>