@props([
    'pagination' => null,
    'bodyId' => null,
])
<div class="custom-scrollbar max-w-full overflow-x-auto overflow-y-visible text-left">
    <table class="min-w-full">
        <thead>
            {{ $head }}
        </thead>

        <tbody @if($bodyId) id="{{ $bodyId }}" @endif class="divide-y divide-gray-100 dark:divide-gray-800 relative">
            {{ $body }}
        </tbody>
    </table>
    @isset($pagination)
        <div class="mt-4">
            {{ $pagination->links() }}
        </div>
    @endisset
</div>