<p-button
  class="icon-btn btn"
  icon="pi pi-sliders-v"
  tooltipPosition="left"
  pTooltip="{{ 'table.select_columns' | translate }}"
  (onClick)="overlayPanel.toggle($event)">
</p-button>

<p-overlayPanel [styleClass]="theme" #overlayPanel>
  <div class="flex flex-col gap-2">
    <div *ngFor="let column of columns" class="flex gap-1">
      <p-checkbox
        [(ngModel)]="column.visible"
        (onChange)="selectChange.emit()"
        binary="true">
      </p-checkbox>
      <span>{{ column.translationKey | translate }}</span>
    </div>
  </div>
</p-overlayPanel>
