<div class="filter-item">
  <label class="label" [class.colon]="colon" [style.margin-right]="labelMarginRight">{{ label }}</label>
  <div class="flex-1">
    @for (o of options; track o.value) {
      <div
        class="button-item"
        [class.active]="activeValue === o.value"
        (click)="handleChange(o.value)"
        [class.disabled]="!emptyAbleToSelect && o.count === 0"
      >
        {{ o.label }} <span class="count">({{ o.count }})</span>
      </div>
    }
  </div>
</div>
