<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)">
        {{ o.label }}
      </div>
    }
  </div>
</div>
