@props([
    'icon' => 'fa-inbox',
    'title' => 'Tidak ada data',
    'description' => null,
])

<div class="py-12 text-center">
    <div class="mx-auto mb-3 flex h-12 w-12 items-center justify-center rounded-2xl bg-slate-100 text-slate-400 dark:bg-slate-800">
        <i class="fa-solid {{ $icon }}"></i>
    </div>
    <p class="font-semibold text-slate-800 dark:text-white">{{ $title }}</p>
    @if($description)
        <p class="mt-1 text-sm text-slate-500 dark:text-slate-400">{{ $description }}</p>
    @endif
</div>