website refactor

apps/website/ui/RulebookTabs.tsx

@@ -0,0 +1,27 @@
+
+
+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)}
+    />
+  );
+}