@props(['striped' => false])

<div class="overflow-x-auto">
    <table {{ $attributes->merge(['class' => 'table']) }}>
        <thead>{{ $head }}</thead>
        <tbody @class(['[&_tr:nth-child(odd)]:bg-slate-50/50 dark:[&_tr:nth-child(odd)]:bg-slate-900/40' => $striped])>
            {{ $slot }}
        </tbody>
        @isset($foot)
            <tfoot class="bg-slate-50 font-semibold dark:bg-slate-900/60">{{ $foot }}</tfoot>
        @endisset
    </table>
</div>