@props(['caption' => null, 'dense' => false])

{{-- Tabela mais larga que o cartão é rolável e precisa ser alcançável pelo teclado
     (WCAG 2.1.1 / axe `scrollable-region-focusable`); o `tabindex` só entra no contêiner. --}}
<div class="overflow-x-auto" tabindex="0">
    <table {{ $attributes->merge(['class' => 'table w-full'.($dense ? ' table-xs' : ' table-zebra')]) }}>
        @if (filled($caption))
            <caption class="pb-2 text-start text-sm font-medium">{{ $caption }}</caption>
        @endif

        {{ $slot }}
    </table>
</div>