{{-- @include('partials.stats', ['stats' => [label => number], 'icons' => [...]]) --}}
@php
    $icons = $icons ?? ['ri-hospital-line','ri-team-line','ri-user-heart-line','ri-node-tree'];
    // Full class names so Tailwind can detect them.
    $cols = [1 => 'xl:grid-cols-1', 2 => 'xl:grid-cols-2', 3 => 'xl:grid-cols-3', 4 => 'xl:grid-cols-4', 5 => 'xl:grid-cols-5'][min(count($stats), 5)] ?? 'xl:grid-cols-4';
@endphp
<div class="mb-6 grid grid-cols-1 gap-5 sm:grid-cols-2 {{ $cols }}">
    @foreach($stats as $label => $number)
        <div class="slmc-card slmc-card-accent p-6">
            <div class="flex items-start justify-between gap-3">
                <div>
                    <p class="text-[10px] font-bold tracking-[.8px] text-slate-500 uppercase">{{ $label }}</p>
                    <p class="mt-2 text-4xl font-extrabold tracking-tight text-slmc">{{ number_format($number) }}</p>
                </div>
                <span class="slmc-icon"><i class="{{ $icons[$loop->index % count($icons)] }}"></i></span>
            </div>
        </div>
    @endforeach
</div>