{{-- Close your eyes. Count to one. That is how long forever feels. --}}

<div wire:poll>

    <h2 class="text-lg font-semibold text-slate-800 dark:text-slate-100 mb-2">
       <a wire:navigate href="{{ route('students.index') }}">Beneficiaries</a> 
    </h2>
    <div class="text-xs font-semibold text-slate-400 dark:text-slate-500 uppercase mb-1">Active Beneficiaries</div>
    <div class="flex items-start">
        <div class="text-3xl font-bold text-slate-800 dark:text-slate-100 mr-2">
            {{ number_format($beneficiaryCount, 0) }}</div>
        <div class="text-sm font-semibold text-white px-1.5 bg-emerald-500 rounded-full"></div>
    </div>
</div>