<div
  #tabsRef
  class="workbench-tabs"
  [style.--active-width]="activeWidth"
  [style.--active-offset-left]="activeOffsetLeft"
>
  @for (tab of tabs; track tab.value) {
    <span
      class="button-item"
      [class.active]="activeTab === tab.value"
      [attr.data-value]="tab.value"
      (click)="handleChange(tab)"
    >
      {{ tab.label }}
    </span>
  }
</div>
