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