<div class="app-locale-tabs" role="tablist">
  @for (locale of locales(); track locale) {
    <button
      type="button"
      role="tab"
      class="app-locale-tab"
      [class.app-locale-tab--active]="currentLocale() === locale"
      [attr.aria-selected]="currentLocale() === locale"
      (click)="select(locale)"
    >
      {{ locale }}
    </button>
  }
</div>
