import { Grid } from '@/ui/Grid';
import { StatGridItem } from '@/ui/StatGridItem';
import { CheckCircle, Clock, Gavel } from 'lucide-react';

interface RaceStewardingStatsProps {
  pendingCount: number;
  resolvedCount: number;
  penaltiesCount: number;
}

export function RaceStewardingStats({ pendingCount, resolvedCount, penaltiesCount }: RaceStewardingStatsProps) {
  return (
    <Grid cols={3} gap={4}>
      <StatGridItem
        label="Pending"
        value={pendingCount}
        icon={Clock}
        intent="warning"
      />
      <StatGridItem
        label="Resolved"
        value={resolvedCount}
        icon={CheckCircle}
        intent="success"
      />
      <StatGridItem
        label="Penalties"
        value={penaltiesCount}
        icon={Gavel}
        intent="critical"
      />
    </Grid>
  );
}
