@props([
    'title' => 'Nothing here yet',
    'message' => null,
    'icon' => 'inbox',
    'actionLabel' => null,
    'actionHref' => null,
])

<div {{ $attributes->merge(['class' => 'empty-state']) }}>
    <div class="empty-state__icon">{!! icon($icon, 'fs-1 text-muted') !!}</div>
    <h4 class="empty-state__title">{{ $title }}</h4>
    @if($message)<p class="empty-state__message">{{ $message }}</p>@endif
    @if($actionLabel && $actionHref)
        <a href="{{ $actionHref }}" class="btn btn-primary">{{ $actionLabel }}</a>
    @endif
    @if(isset($slot) && trim($slot) !== '')
        <div class="empty-state__custom">{{ $slot }}</div>
    @endif
</div>