'use client';

import { StatGrid } from '@/ui/StatGrid';
import { Users, Trophy, Activity } from 'lucide-react';

interface DriverStatsHeaderProps {
  totalDrivers: string;
  activeDrivers: string;
  totalRaces: string;
}

export function DriverStatsHeader({ totalDrivers, activeDrivers, totalRaces }: DriverStatsHeaderProps) {
  return (
    <StatGrid
      columns={{ base: 1, md: 3 }}
      variant="card"
      cardVariant="muted"
      stats={[
        { label: 'Total Drivers', value: totalDrivers, icon: Users, intent: 'primary' },
        { label: 'Active Drivers', value: activeDrivers, icon: Activity, intent: 'success' },
        { label: 'Total Races', value: totalRaces, icon: Trophy, intent: 'warning' },
      ]}
    />
  );
}
