<div class="font-bold flex m-0 shrink-0 w-36 justify-center self-stretch flex-col" [ngClass]="{'text-shadow-[6px_2px_4px]': hasValueResult$ | async,'text-shadow-global-bar-light': hasValueResult$ | async
  }">
  {{ parameterName }}
</div>
<div class="flex flex-row grow">
  <form [formGroup]="form" class="flex grow">
    <fast-multiselect class="grow" [listHeight]="400" [placeholder]="'Select a deal type'" formControlName="mainControl" [valuePrimitive]="true"
      [data]="filteredItems$ | async" [textField]="'name'" [valueField]="'id'" (filterChange)="filterItems($event)" (valueChange)="valueChanged()"
      [autoClose]="false">
    </fast-multiselect>
  </form>
</div>