@props([
    'title',
    'description' => null,
    'variant' => 'neutral',
])

@php
    $iconClass = match ($variant) {
        'primary' => 'bg-indigo-100 text-indigo-600',
        'success' => 'bg-emerald-100 text-emerald-600',
        'warning' => 'bg-amber-100 text-amber-600',
        'danger' => 'bg-red-100 text-red-600',
        'info' => 'bg-sky-100 text-sky-600',
        default => 'bg-slate-100 text-slate-500',
    };
@endphp

<div {{ $attributes->class(['ui-empty-state']) }}>
    @isset($icon)
        <div class="ui-empty-state-icon {{ $iconClass }}" aria-hidden="true">
            {{ $icon }}
        </div>
    @endisset

    <h3 class="ui-empty-state-title">
        {{ $title }}
    </h3>

    @if ($description)
        <p class="ui-empty-state-description">
            {{ $description }}
        </p>
    @endif

    @isset($actions)
        <div class="ui-empty-state-actions">
            {{ $actions }}
        </div>
    @endisset
</div>