@props([
    'sortable'=>null,
    'direction'=>null,
])
<th class="hidden p-1 font-bold text-center text-blue-900 whitespace-nowrap md:table-cell" {{ $attributes }}   style="min-width:70px">
    @if ($sortable )
    <span class="cursor-pointer">
        {{$slot}}
        @if ($direction =="asc")
            <i class="my-1 fas fa-sort-up"></i>
        @elseif ($direction =="desc")
            <i class="my-1 fas fa-sort-down"></i>
        @endif
    </span>
    @else
    {{$slot}}
    @endif
</th>