@aware(['hideable'])

{{--@if($hideable === 'inline')
    @include('components.datatable.header-inline-hide', ['column' => $column, 'sort' => $sort])

@else
    @include('components.datatable.header-no-hide', ['column' => $column, 'sort' => $sort])
@endif--}}


<th scope="col"
    class="
        @if($sort === $index) 
            @if($direction) asc @else desc @endif 
        @endif
    "
    @if (isset($column['tooltip']['text'])) title="{{ $column['tooltip']['text'] }}" @endif
    @include('components.datatable.style-width')
>
    @if($column['sortable'])
        {{--button  class=" @if($column['headerAlign'] === 'right') -justify-end @elseif($column['headerAlign'] === 'center') justify-center @endif"--}}
        <a wire:click="sort('{{ $index }}')" class="dataTable-sorter" style="cursor:pointer;">
            {{ str_replace('_', ' ', $column['label']) }}
        </a>
    @else
        <div>{{-- class=" @if($column['headerAlign'] === 'right') -justify-end @elseif($column['headerAlign'] === 'center') justify-center @endif">--}}
            {{ str_replace('_', ' ', $column['label']) }}
        </div>
    @endif
</div>