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

<div class="flex flex-col items-center justify-center rounded-xl border border-dashed border-gray-300 px-6 py-14 text-center dark:border-gray-700">
    <h3 class="text-sm font-semibold text-gray-900 dark:text-gray-100">{{ $title }}</h3>
    @if ($description)
        <p class="mt-1 max-w-sm text-sm text-gray-500 dark:text-gray-400">{{ $description }}</p>
    @endif
    @isset($actions)
        <div class="mt-5">{{ $actions }}</div>
    @endisset
</div>