{{-- resources/views/components/admin/data-table.blade.php --}}
{{-- Reusable Bootstrap table wrapper with headers and a slot for rows --}}
{{-- Props: headers (array of column labels) --}}

@props(['headers' => []])

<div class="data-table-wrap">
    <div class="table-responsive">
        <table class="data-table">
            @if(count($headers))
                <thead class="data-table__head">
                    <tr>
                        @foreach($headers as $header)
                            <th class="data-table__th">{{ $header }}</th>
                        @endforeach
                    </tr>
                </thead>
            @endif
            <tbody class="data-table__body">
                {{ $slot }}
            </tbody>
        </table>
    </div>
</div>