@props(['stats'])

<grid class="grid grid-cols-4 gap-x-4">
    <x-shared.card class="p-4">
        <p class="text-sm text-gray-400">Total Users</p>
        <p class="text-2xl">{{ $stats->totalUsers }}</p>
    </x-shared.card>
    <x-shared.card class="p-4">
        <p class="text-sm text-gray-400">Active Roles</p>
        <p class="text-2xl">{{ $stats->activeRoles }}</p>
    </x-shared.card>
    <x-shared.card class="p-4">
        <p class="text-sm text-gray-400">Services</p>
        <p class="text-2xl">{{ $stats->servicesCount }}</p>
    </x-shared.card>
    <x-shared.card class="p-4">
        <p class="text-sm text-gray-400">Revoked Today</p>
        <p class="text-2xl">{{ $stats->revokedTodayCount }}</p>
    </x-shared.card>
</grid>