@if (comingSoon()) {
  <button type="button" class="dashboard-shortcut-card dashboard-shortcut-card--disabled" disabled>
    <app-icon [name]="icon()" [size]="22" class="dashboard-shortcut-card__icon" />
    <span class="dashboard-shortcut-card__title">{{ labelKey() | translate }}</span>
    @if (descriptionKey(); as description) {
      <span class="dashboard-shortcut-card__description">{{ description | translate }}</span>
    }
    <span class="dashboard-shortcut-card__badge">{{ 'adminShell.nav.comingSoonBadge' | translate }}</span>
  </button>
} @else {
  <a class="dashboard-shortcut-card" [routerLink]="route()">
    <app-icon [name]="icon()" [size]="22" class="dashboard-shortcut-card__icon" />
    <span class="dashboard-shortcut-card__title">{{ labelKey() | translate }}</span>
    @if (descriptionKey(); as description) {
      <span class="dashboard-shortcut-card__description">{{ description | translate }}</span>
    }
  </a>
}
