@props([
    'forCrud' => false,
    'sortable' => false,
])

@php
    $allClasses = [
        'px-4 py-4 text-start text-sm font-medium border-gray-100 border-y bg-gray-50 dark:border-gray-800 dark:bg-gray-900' => true,
        'cursor-pointer' => $forCrud,
    ];

    $classes = join(' ', array_keys(array_filter($allClasses)));
@endphp

<th {!! $attributes->merge(['class' => $classes]) !!}>

    <div class="flex items-center">
        <p class="font-medium text-gray-500 text-theme-xs dark:text-gray-400">{{ $slot }}</p>

        @if ($sortable)
            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
                stroke="currentColor" class="size-4">
                <path stroke-linecap="round" stroke-linejoin="round"
                    d="M8.25 15 12 18.75 15.75 15m-7.5-6L12 5.25 15.75 9" />
            </svg>
        @endif
    </div>
</th>