@props([
    'sortCol' => 'sort.col',
    'sortDir' => 'sort.dir',
    'col' => '',
])
<x-heroicon-o-arrows-up-down class="w-4 h-4 inline" x-show="{{ $sortCol }} != '{{ $col }}'" />
<x-heroicon-o-arrow-up class="w-4 h-4 inline" x-show="{{ $sortCol }} == '{{ $col }}' && {{ $sortDir }} != 'asc'" />
<x-heroicon-o-arrow-down class="w-4 h-4 inline" x-show="{{ $sortCol }} == '{{ $col }}' && {{ $sortDir }} == 'asc'" />