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

<div {{ $attributes->merge(['class' => 'text-center py-10']) }}>
    <div aria-hidden="true" class="text-h1 text-faint mb-2">∅</div>
    <div class="text-content text-h3">{{ $title }}</div>
    @if ($description)
        <p class="text-small text-muted mt-1 max-w-md mx-auto">{{ $description }}</p>
    @endif
    @isset ($action)
        <div class="mt-4 flex justify-center">{{ $action }}</div>
    @endisset
</div>