'use client';

import { MetricCard } from '@/ui/MetricCard';
import { Grid } from '@/ui/primitives/Grid';
import { Shield, Users } from 'lucide-react';

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>
  );
}
