27 lines
704 B
TypeScript
27 lines
704 B
TypeScript
|
|
|
|
import { Panel } from '@/ui/Panel';
|
|
import { Grid } from '@/ui/Grid';
|
|
import { StatGridItem } from '@/ui/StatGridItem';
|
|
|
|
interface RaceDetailCardProps {
|
|
track: string;
|
|
car: string;
|
|
sessionType: string;
|
|
statusLabel: string;
|
|
statusColor: string;
|
|
}
|
|
|
|
export function RaceDetailCard({ track, car, sessionType, statusLabel, statusColor }: RaceDetailCardProps) {
|
|
return (
|
|
<Panel title="Race Details">
|
|
<Grid cols={2} gap={4}>
|
|
<StatGridItem label="Track" value={track} />
|
|
<StatGridItem label="Car" value={car} />
|
|
<StatGridItem label="Session Type" value={sessionType} />
|
|
<StatGridItem label="Status" value={statusLabel} />
|
|
</Grid>
|
|
</Panel>
|
|
);
|
|
}
|