import React from 'react';
import { LeagueSummaryCard as UiLeagueSummaryCard } from './LeagueSummaryCard';
import { routes } from '@/lib/routing/RouteConfig';

interface LeagueSummaryCardProps {
  league: {
    id: string;
    name: string;
    description?: string;
    settings: {
      maxDrivers: number;
      qualifyingFormat: string;
    };
  };
}

export function LeagueSummaryCard({ league }: LeagueSummaryCardProps) {
  return (
    <UiLeagueSummaryCard
      id={league.id}
      name={league.name}
      description={league.description}
      maxDrivers={league.settings.maxDrivers}
      qualifyingFormat={league.settings.qualifyingFormat}
      href={routes.league.detail(league.id)}
    />
  );
}