37 lines
807 B
TypeScript
37 lines
807 B
TypeScript
'use client';
|
|
|
|
import React from 'react';
|
|
import { Users, Shield } from 'lucide-react';
|
|
import { Grid } from '@/ui/Grid';
|
|
import { MetricCard } from '@/ui/MetricCard';
|
|
|
|
interface UserStatsSummaryProps {
|
|
total: number;
|
|
activeCount: number;
|
|
adminCount: number;
|
|
}
|
|
|
|
export function UserStatsSummary({ total, activeCount, adminCount }: UserStatsSummaryProps) {
|
|
return (
|
|
<Grid cols={3} gap={4}>
|
|
<MetricCard
|
|
label="Total Users"
|
|
value={total}
|
|
icon={Users}
|
|
color="text-blue-400"
|
|
/>
|
|
<MetricCard
|
|
label="Active"
|
|
value={activeCount}
|
|
color="text-performance-green"
|
|
/>
|
|
<MetricCard
|
|
label="Admins"
|
|
value={adminCount}
|
|
icon={Shield}
|
|
color="text-purple-400"
|
|
/>
|
|
</Grid>
|
|
);
|
|
}
|