@props([
    'headers' => [],
    'striped' => false,
    'hover' => true,
    'bordered' => false,
    'responsive' => true
])

@php
$tableClass = 'table align-middle table-nowrap mb-0';
$tableClass .= $striped ? ' table-striped' : '';
$tableClass .= $hover ? ' table-hover' : '';
$tableClass .= $bordered ? ' table-bordered' : '';
@endphp

@if($responsive)
<div class="table-responsive">
@endif

<table {{ $attributes->merge(['class' => $tableClass]) }}>
    @if(count($headers) > 0)
    <thead class="table-light text-muted">
        <tr>
            @foreach($headers as $header)
            <th scope="col">{{ $header }}</th>
            @endforeach
        </tr>
    </thead>
    @endif

    <tbody>
        {{ $slot }}
    </tbody>

    @if(isset($footer))
    <tfoot>
        {{ $footer }}
    </tfoot>
    @endif
</table>

@if($responsive)
</div>
@endif