@props([
    'counts' => null,
])

@if($counts)
<div class="d-flex flex-wrap justify-content-center gap-2">
    
    @foreach($counts as $label => $count)

        @php
            $class = match(strtolower($label)) {
                'total'        => 'dark',
                'pending'      => 'warning text-dark',
                'submitted'    => 'primary',
                'verified'     => 'success',
                'withdrawal'   => 'danger',
                'active'       => 'info',
                'inactive'     => 'secondary',
                default        => 'light text-dark',
            };
        @endphp

        <span class="badge bg-{{ $class }} py-1 badge-sm">
            {{ Str::headline($label) }}:
            {{ $count }}
        </span>

    @endforeach

</div>
@endif