'use client';

import React, { useState } from 'react';
import { SponsorLeagueDetailTemplate } from '@/templates/SponsorLeagueDetailTemplate';
import { ClientWrapperProps } from '@/lib/contracts/components/ComponentContracts';
import { ViewData } from '@/lib/contracts/view-data/ViewData';

export function SponsorLeagueDetailPageClient({ viewData }: ClientWrapperProps<ViewData>) {
  const [activeTab, setActiveTab] = useState<'overview' | 'drivers' | 'races' | 'sponsor'>('overview');
  const [selectedTier, setSelectedTier] = useState<'main' | 'secondary'>('main');

  return (
    <SponsorLeagueDetailTemplate
      viewData={viewData}
      activeTab={activeTab}
      setActiveTab={setActiveTab}
      selectedTier={selectedTier}
      setSelectedTier={setSelectedTier}
    />
  );
}