'use client';

import React, { useState } from 'react';
import { SponsorLeagueDetailTemplate } from '@/templates/SponsorLeagueDetailTemplate';

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

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