'use client';

import LeagueSchedule from '@/components/leagues/LeagueSchedule';
import Card from '@/components/ui/Card';
import { useEffectiveDriverId } from '@/hooks/useEffectiveDriverId';
import { LeagueRoleUtility } from '@/lib/utilities/LeagueRoleUtility';
import { useServices } from '@/lib/services/ServiceProvider';
import { useParams } from 'next/navigation';

export default function LeagueSchedulePage() {
  const params = useParams();
  const leagueId = params.id as string;

  return (
    <div className="space-y-6">
      <Card>
        <h2 className="text-xl font-semibold text-white mb-4">Schedule</h2>
        <LeagueSchedule leagueId={leagueId} />
      </Card>
    </div>
  );
}