26 lines
742 B
TypeScript
26 lines
742 B
TypeScript
'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' },
|
|
]}
|
|
/>
|
|
);
|
|
}
|