{{-- Be like water. --}}
<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', ['f' => 'F']) }}">Beneficiaries</a>
    </h2>
    <div class="text-xs font-semibold text-slate-400 dark:text-slate-500 uppercase mb-1">Female</div>
    <div class="flex items-start">
        <div class="text-3xl font-bold text-slate-800 dark:text-slate-100 mr-2">
            {{ number_format($staffMembersCount, 0) }}</div>
        <div class="text-sm font-semibold text-white px-1.5 bg-emerald-500 rounded-full"></div>
    </div>
</div>