import { routes } from '@/lib/routing/RouteConfig';
import { NextRaceCard as UiNextRaceCard } from '@/components/races/NextRaceCard';

interface NextRaceCardProps {
  nextRace: {
    id: string;
    track: string;
    car: string;
    formattedDate: string;
    formattedTime: string;
    timeUntil: string;
    isMyLeague: boolean;
  };
}

export function NextRaceCard({ nextRace }: NextRaceCardProps) {
  return (
    <UiNextRaceCard
      track={nextRace.track}
      car={nextRace.car}
      formattedDate={nextRace.formattedDate}
      formattedTime={nextRace.formattedTime}
      timeUntil={nextRace.timeUntil}
      isMyLeague={nextRace.isMyLeague}
      href={routes.race.detail(nextRace.id)}
    />
  );
}