35 lines
826 B
TypeScript
35 lines
826 B
TypeScript
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>
|
|
);
|
|
}
|