<ng-container *ngIf="dossierTemplate$ | async as dossierTemplate">
    <button
        [routerLinkActive]="'active'"
        [routerLink]="['..', DOSSIERS_ROUTE]"
        [attr.help-mode-key]="'active_archived_dossiers'"
        class="red-tab"
        id="active-button"
    >
        {{ 'dossiers-type-switch.active' | translate }}
    </button>

    <button
        [disabled]="dossierTemplate.numberOfArchivedDossiers === 0"
        [routerLinkActive]="'active'"
        [routerLink]="['..', ARCHIVE_ROUTE]"
        [attr.help-mode-key]="'active_archived_dossiers'"
        class="red-tab"
        id="archived-button"
    >
        {{ 'dossiers-type-switch.archive' | translate }}
    </button>
</ng-container>
<div class="separator"></div>
