{{-- resources/views/components/empty.blade.php --}}
<div class="w-full text-center py-10">
    <div class="inline-flex flex-col items-center gap-3 opacity-80">
        
        <div class="w-16 h-16 rounded-full bg-slate-200 dark:bg-slate-700 flex items-center justify-center">
            <i class="fa-solid fa-box-open text-slate-500 dark:text-slate-400 text-2xl"></i>
        </div>

        <h3 class="text-lg font-bold text-slate-700 dark:text-slate-200">
            لا توجد بيانات للعرض
        </h3>

        <p class="text-sm text-slate-500 dark:text-slate-400">
            حاول لاحقًا عند توفر نتائج أو بيانات جديدة.
        </p>

    </div>
</div>