@props(['items'])
{{-- Linked counters across the top of a card; each item is [label, count, url]. --}}
<div {{ $attributes->class('flex divide-x divide-gray-100 border-b border-gray-100 text-center dark:divide-gray-800 dark:border-gray-800 rtl:divide-x-reverse') }}>
    @foreach ($items as [$label, $count, $url])
        <a href="{{ $url }}" class="flex-1 px-4 py-3 hover:bg-gray-50 dark:hover:bg-gray-800/50">
            <span class="block text-xl font-semibold tabular-nums">{{ number_format($count) }}</span>
            <span class="block text-xs text-gray-500 dark:text-gray-400">{{ $label }}</span>
        </a>
    @endforeach
</div>