@props(['icon' => 'inbox', 'title' => 'Nothing here yet', 'text' => null, 'filtered' => false])
<div class="empty-state">
    <div class="empty-icon"><i class="bi bi-{{ $filtered ? 'funnel' : $icon }}" aria-hidden="true"></i></div>
    <h3>{{ $filtered ? 'No results match your filters' : $title }}</h3>
    @if ($filtered)
        <p>Try a different search, or clear the filters.</p>
        <a href="{{ url()->current() }}" class="btn btn-ghost btn-sm">Clear filters</a>
    @else
        @if ($text)<p>{{ $text }}</p>@endif
        {{ $slot }}
    @endif
</div>