@props([
  'label' => '',
  'col' => '',
  'sortable' => true,
  'filterable' => false,
  'type' => 'text',
  'sortType' => 'text',
  'filterOptions' => '',
])

<th
  {{ $attributes->class(['edt__th']) }}
  scope="col"
  @if ($col !== '') data-col="{{ $col }}" @endif
  @if ($sortable) data-sortable data-sort-type="{{ $sortType }}" @endif
  @if ($filterable) data-filterable data-filter-type="{{ $type }}" @endif
  @if ($filterOptions !== '') data-filter-options="{{ $filterOptions }}" @endif
>
  <button type="button" class="edt__sort" data-edt-sort @if (! $sortable) disabled @endif>
    <span>{{ $label !== '' ? $label : $slot }}</span>
    @if ($sortable)
      <span class="edt__sort-icons" aria-hidden="true">
        <i class="bi bi-caret-up-fill"></i>
        <i class="bi bi-caret-down-fill"></i>
      </span>
    @endif
  </button>
</th>