@if (formControl) {
    <p-selectbutton #wSelectButton [ngClass]="{'w-button-small' : size == getSizeName(sizeType.small), 
                                'w-button-medium' : size == getSizeName(sizeType.medium),
                                'w-button-large' : size == getSizeName(sizeType.large)}"
    [options]="stateOptions"
    [formControl]="formControl"
    [disabled]="disabled"
    optionLabel="label"
    optionValue="value"
    [pTooltip]="tooltip"
    [tooltipPosition]="tooltipPosition"
    (onChange)="onButtonChangedForm($event)" 
    [allowEmpty]="allowEmpty">
    <ng-template let-item pTemplate>
      @if (item.label) {
        <div class="flex">
          <span [class]="item.icon"></span>
          <span>{{item.label}}</span>
        </div>
      }
    </ng-template>
  </p-selectbutton>
} @else {
    <p-selectbutton #wSelectButton [ngClass]="{'w-button-small' : size == getSizeName(sizeType.small), 
                                'w-button-medium' : size == getSizeName(sizeType.medium),
                                'w-button-large' : size == getSizeName(sizeType.large)}"
    [options]="stateOptions"
    [(ngModel)]="ngModelValue"
    [disabled]="disabled"
    optionLabel="label"
    optionValue="value"
    [pTooltip]="tooltip"
    [tooltipPosition]="tooltipPosition"
    (ngModelChange)="onButtonChanged()" 
    [allowEmpty]="allowEmpty">
    <ng-template let-item pTemplate>
      @if (item.label) {
        <div class="flex">
          <span [class]="item.icon"></span>
          <span>{{item.label}}</span>
        </div>
      }
    </ng-template>
  </p-selectbutton>
}