import { TabNavigation } from '@/ui/TabNavigation';

export type RulebookSection = 'scoring' | 'conduct' | 'protests' | 'penalties';

interface RulebookTabsProps {
  activeSection: RulebookSection;
  onSectionChange: (section: RulebookSection) => void;
}

export function RulebookTabs({ activeSection, onSectionChange }: RulebookTabsProps) {
  const sections = [
    { id: 'scoring', label: 'Scoring' },
    { id: 'conduct', label: 'Conduct' },
    { id: 'protests', label: 'Protests' },
    { id: 'penalties', label: 'Penalties' },
  ];

  return (
    <TabNavigation
      tabs={sections}
      activeTab={activeSection}
      onTabChange={(id) => onSectionChange(id as RulebookSection)}
    />
  );
}