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