@props([
    'icon' => 'bi-inbox',
    'title' => 'Nessun dato disponibile',
    'message' => null,
])

<div {{ $attributes->class(['empty-state']) }}>
    <span class="empty-state__icon">
        @if (str_starts_with($icon, 'bi-'))
            {{-- Icona Bootstrap "legacy": schermate non ancora migrate al nuovo set outline (<x-icon>) --}}
            <i class="bi {{ $icon }}" aria-hidden="true"></i>
        @else
            <x-icon :name="$icon" />
        @endif
    </span>
    <h3 class="empty-state__title">{{ $title }}</h3>
    @if ($message)
        <p class="empty-state__message">{{ $message }}</p>
    @endif
    {{ $slot }}
</div>