@props(['icon' => 'heroicon-o-inbox', 'title', 'description' => null])

<div class="flex flex-col items-center justify-center py-12 text-center">
    <x-filament::icon :icon="$icon" class="h-10 w-10 text-gray-300 dark:text-gray-600" />
    <p class="mt-3 text-sm font-medium text-gray-900 dark:text-white">{{ $title }}</p>
    @if ($description)
        <p class="mt-1 text-sm text-gray-500 dark:text-gray-400">{{ $description }}</p>
    @endif
</div>