@props([
    'striped'   => false,
    'hover'     => true,
])

<div class="overflow-x-auto shadow-sm">
    <table class="w-full text-sm text-left text-gray-500 dark:text-gray-400">
        <thead class="text-xs text-gray-700 uppercase bg-gray-50 dark:bg-gray-700 dark:text-gray-400">
            <tr>
                {{ $heading }}
            </tr>
        </thead>
        <tbody class="divide-y divide-gray-200 dark:divide-gray-700">
            {{ $body }}
        </tbody>
    </table>
</div>

@if(isset($pagination))
    <div class="p-4">
        {{ $pagination }}
    </div>
@endif