@if (tabs.length > 0) {
  <nav class="product-tabs" role="tablist" [attr.aria-label]="'productDetails.tabsAria' | translate">
    @for (tab of tabs; track tab.key) {
      <button
        type="button"
        [id]="'product-tab-' + tab.key"
        class="tab-btn"
        role="tab"
        [class.active]="activeKey === tab.key"
        [attr.aria-selected]="activeKey === tab.key"
        aria-controls="product-tab-panel"
        [disabled]="tab.enabled === false"
        (click)="selectTab(tab)">
        <span>{{ tab.label }}</span>
        @if (tab.count != null) {
          <small>{{ tab.count }}</small>
        }
      </button>
    }
  </nav>
}