<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">
    <fast-buttongroup>
      @for (item of items; track item.name) {
      <fast-button [toggleable]="true" [value]="item.name" [selectedInput]="item.selected" (selectedChange)="selectedChange($event, item)">
        {{item.name}}
      </fast-button>
      }
    </fast-buttongroup>
  </form>
</div>