<div class="tools-options {{alignLeft ? 'has-text-left' : ''}}">
  @for (filter of filters; track filter.name) {
    @if (hideDisabledButtons) {
      @if (filter.enabled) {

        <app-toggle-button
          [active]="filter.enabled"
          [icon]="filter.kind === 'local' ? 'database-2-line' : 'google-line'"
          [kind]="filter.kind"
          [label]="filter.name"
          [tooltip]="getTooltipForFilter(filter)"
          (stateChanged)="toggleFilter(filter, $event)">
        </app-toggle-button>
      }
    } @else {
      <app-toggle-button
        [active]="filter.enabled"
        [icon]="filter.kind === 'local' ? 'database-2-line' : 'google-line'"
        [kind]="filter.kind"
        [label]="filter.name"
        [tooltip]="getTooltipForFilter(filter)"
        (stateChanged)="toggleFilter(filter, $event)">
      </app-toggle-button>
    }
  }
</div>
