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

<div class="table-responsive">
    <table class="table table-striped table-bordered align-middle">
        <thead class="table-light">
            <tr>
                @foreach ($columns as $col)
                    <th class="text-nowrap">{{ Str::headline($col) }}</th>
                @endforeach
            </tr>
        </thead>
        <tbody>
            @forelse($rows as $r)
                <tr>
                    @foreach ($columns as $col)
                        <td>{{ data_get($r, $col) }}</td>
                    @endforeach
                </tr>
            @empty
                <tr>
                    <td colspan="{{ count($columns) }}" class="text-center text-muted">No leads</td>
                </tr>
            @endforelse
        </tbody>
    </table>
</div>