<div class="order-by-filter-button-wrapper">
  @for (label of orderByKeys; track label) {
    <button
      [attr.data-label]="label"
      class="order-by-filter-button"
      type="button"
      (click)="setActive(label)"
      >
      <span>
        {{ label }}
      </span>
      <ui-icon
        [class.asc]="label === activeOrderBy?.label && !activeOrderBy.desc"
        [class.desc]="label === activeOrderBy?.label && activeOrderBy.desc"
        icon="arrow"
        size="14px"
      ></ui-icon>
    </button>
  }
</div>
