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

<div {{ $attributes->merge(['class' => 'w-full overflow-x-auto rounded-lg border border-border bg-card text-card-foreground shadow-sm']) }}>
    <table class="w-full caption-bottom text-sm">
        @if ($caption)
            <caption class="mt-4 text-sm text-muted-foreground">{{ $caption }}</caption>
        @endif

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