'use client';

import LeagueSchedule from '@/components/leagues/LeagueSchedule';
import Card from '@/components/ui/Card';

// ============================================================================
// TYPES
// ============================================================================

interface LeagueScheduleTemplateProps {
  leagueId: string;
  loading?: boolean;
}

// ============================================================================
// MAIN TEMPLATE COMPONENT
// ============================================================================

export function LeagueScheduleTemplate({
  leagueId,
  loading = false,
}: LeagueScheduleTemplateProps) {
  if (loading) {
    return (
      <div className="text-center text-gray-400">
        Loading schedule...
      </div>
    );
  }

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