<ods-attachment
  [documentName]="file.name"
  [description]="file.size | fileSizePlain"
  (click)="downloadFile()"
  [attr.aria-label]="'Anhang: Dateiname: ' + file.name"
>
  <ods-spinner-icon spinner *ngIf="isLoading" size="xl" class="mr-3" />
  <ods-icon
    icon
    [name]="getIconType(file.contentType)"
    class="mr-3 size-10 fill-primary"
  ></ods-icon>
  <button
    close
    *ngIf="deletable"
    class="absolute right-2 top-1/2 flex size-10 -translate-y-1/2 items-center justify-center rounded-md hover:border hover:border-ozggray-600 hover:bg-ozggray-100"
    (click)="deleteFile()"
    title="Anhang löschen"
    aria-label="Anhang löschen Button"
  >
    <ods-close-icon></ods-close-icon>
  </button>
</ods-attachment>