@props([
    'caption' => null,
    'columns' => [],
    'empty' => false,
    'emptyLabel' => null,
])

@php($columnCount = max(count($columns), 1))

{{-- Tabela de dados fina sobre `x-cms::table`: `columns` descreve o cabeçalho (e o estado de
     ordenação opcional); as linhas vêm do slot. O vazio nunca é uma tabela sem `<td>`. --}}
<x-cms::table :caption="$caption">
    <thead>
        <tr>
            @foreach ($columns as $column)
                <th scope="col"
                    @class([$column['class'] ?? null])
                    @if (($column['sortable'] ?? false) === true)
                        aria-sort="{{ $column['direction'] ?? 'none' }}"
                    @endif>
                    @if (($column['sortable'] ?? false) === true && filled($column['url'] ?? null))
                        <a href="{{ $column['url'] }}" class="link link-hover">{{ $column['label'] }}</a>
                    @else
                        {{ $column['label'] }}
                    @endif
                </th>
            @endforeach
        </tr>
    </thead>

    <tbody>
        @if ($empty)
            <tr>
                <td colspan="{{ $columnCount }}">
                    <x-cms::empty-state :title="$emptyLabel" />
                </td>
            </tr>
        @else
            {{ $slot }}
        @endif
    </tbody>
</x-cms::table>