28 lines
718 B
TypeScript
28 lines
718 B
TypeScript
'use client';
|
|
|
|
import { MetricCard } from '@/ui/MetricCard';
|
|
import { StatGrid } from '@/ui/StatGrid';
|
|
import { Shield, Users } from 'lucide-react';
|
|
import React from 'react';
|
|
|
|
interface UserStatsSummaryProps {
|
|
total: number;
|
|
activeCount: number;
|
|
adminCount: number;
|
|
}
|
|
|
|
export function UserStatsSummary({ total, activeCount, adminCount }: UserStatsSummaryProps) {
|
|
const stats = [
|
|
{ label: 'Total Users', value: total, icon: Users, intent: 'primary' as const },
|
|
{ label: 'Active', value: activeCount, intent: 'success' as const },
|
|
{ label: 'Admins', value: adminCount, icon: Shield, intent: 'telemetry' as const },
|
|
];
|
|
|
|
return (
|
|
<StatGrid
|
|
stats={stats}
|
|
columns={3}
|
|
/>
|
|
);
|
|
}
|