@props(['id' => 'dataTable', 'headers' => []])

<div class="table-responsive">
    <table id="{{ $id }}" class="table table-hover align-middle w-100">
        <thead>
        <tr>
            @foreach ($headers as $header)
                <th @class(['text-center' => in_array($header, ['#', 'الإجراءات', 'الحالة'], true)])>{{ $header }}</th>
            @endforeach
        </tr>
        </thead>
        <tbody></tbody>
    </table>
</div>