@props([
    'title' => null,
    'actionUrl' => null,
    'actionLabel' => null,
    'clearUrl' => null,
    'clearLabel' => null,
])

@php($title ??= __('layout::shell.empty_state'))

{{-- Estado vazio de uma lista: nunca um wrapper sem saída. A ação primária leva ao caminho de
     criação; quando a lista está filtrada, a segunda ação devolve a rota **sem** filtros. --}}
<div data-cms-empty {{ $attributes->merge(['class' => 'rounded-box border border-dashed border-base-300 p-8 text-center']) }}>
    <p class="text-lg font-medium">{{ $title }}</p>

    @if (filled($slot))
        <p class="mt-1 opacity-70">{{ $slot }}</p>
    @endif

    @if (filled($actionUrl) || filled($clearUrl))
        <p class="mt-4 flex flex-wrap justify-center gap-2">
            @if (filled($actionUrl))
                <a href="{{ $actionUrl }}" class="btn btn-primary">{{ $actionLabel ?? __('layout::shell.create') }}</a>
            @endif

            @if (filled($clearUrl))
                <a href="{{ $clearUrl }}" class="btn btn-ghost">{{ $clearLabel ?? __('layout::shell.clear_filters') }}</a>
            @endif
        </p>
    @endif
</div>