<div>
  @if (item && !item.isDiscoverable) {
    <div class="private-warning">
      <ds-alert [type]="AlertTypeEnum.Warning" [content]="'item.alerts.private' | translate"></ds-alert>
    </div>
  }
  @if (item && item.isWithdrawn) {
    <div class="withdrawn-warning">
      <ds-alert [type]="AlertTypeEnum.Warning">
        <div class="d-flex justify-content-between flex-wrap">
          <span class="align-self-center">{{'item.alerts.withdrawn' | translate}}</span>
          <div class="gap-2 d-flex">
            <a routerLink="/home" class="btn btn-primary btn-sm" role="button" tabindex="0">{{"404.link.home-page" | translate}}</a>
            @if (showReinstateButton$ | async) {
              <a class="btn btn-primary btn-sm" (click)="openReinstateModal()">{{ 'item.alerts.reinstate-request' | translate}}</a>
            }
          </div>
        </div>
      </ds-alert>
    </div>
  }
</div>
