{{-- Friendly empty state, never a blank area (PRD §33). --}}
@props(['message', 'icon' => 'heroicon-o-magnifying-glass'])
<div {{ $attributes->class('rounded-[var(--radius-card)] border border-dashed border-control/50 bg-surface px-6 py-12 text-center') }}>
    <x-icon :name="$icon" class="mx-auto size-8 text-muted" />
    <p class="mt-3 text-lead text-ink">{{ $message }}</p>
    @if ($slot->isNotEmpty())
        <div class="mt-5 flex justify-center gap-3">{{ $slot }}</div>
    @endif
</div>