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>
  );
}