<div class="isa-form-field">
  <div class="d-flex" (click)="dropdown.toggle()">
    <label>
      {{ label }}
    </label>

    <span class="selected isa-font-weight-bold isa-white-space-nowrap">{{ labelPipe ? labelPipe.transform(value) : value }} </span>
    <lib-icon
      class="isa-accordion-arrow"
      [class.arrow-up]="dropdown.visible"
      [class.arrow-down]="!dropdown.visible"
      name="Arrow_right"
      [height]="'16px'"
    ></lib-icon>
  </div>
  <app-ui-dropdown #dropdown>
    <button
      (click)="handleSelect({ selectedOption: option, dropdown: dropdown })"
      (blur)="handleBlur()"
      class="isa-btn isa-text-left isa-p-16"
      [class.selected]="value === option"
      *ngFor="let option of options; let index = index"
    >
      {{ optionsPipe ? optionsPipe.transform(option, index) : option }}
    </button>
  </app-ui-dropdown>
</div>
