@props(['rows' => 5, 'columns' => 4])

<div class="overflow-hidden rounded-2xl border border-slate-100 bg-white shadow-sm">
    <div class="flex gap-4 border-b border-slate-100 px-6 py-3">
        @for ($c = 0; $c < $columns; $c++)
            <x-forms.skeleton class="h-3 flex-1" />
        @endfor
    </div>
    @for ($r = 0; $r < $rows; $r++)
        <div class="flex gap-4 px-6 py-4">
            @for ($c = 0; $c < $columns; $c++)
                <x-forms.skeleton class="h-4 flex-1" />
            @endfor
        </div>
    @endfor
</div>