0b37c5e692
Website (14 monoliths split): - compliance/page.tsx (1,519 → 9), docs/audit (1,262 → 20) - quality (1,231 → 16), alerts (1,203 → 10), docs (1,202 → 11) - i18n.ts (1,173 → 8 language files) - unity-bridge (1,094 → 12), backlog (1,087 → 6) - training (1,066 → 8), rag (1,063 → 8) - Deleted index_original.ts (4,899 LOC dead backup) Studio-v2 (5 monoliths split): - meet/page.tsx (1,481 → 9), messages (1,166 → 9) - AlertsB2BContext.tsx (1,165 → 5 modules) - alerts-b2b/page.tsx (1,019 → 6), korrektur/archiv (1,001 → 6) All existing imports preserved. Zero new TypeScript errors. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
32 lines
885 B
TypeScript
32 lines
885 B
TypeScript
'use client'
|
|
|
|
import type { TabType } from '../types'
|
|
import { TAB_DEFINITIONS } from '../data'
|
|
|
|
interface TabNavigationProps {
|
|
activeTab: TabType
|
|
onTabChange: (tab: TabType) => void
|
|
}
|
|
|
|
export default function TabNavigation({ activeTab, onTabChange }: TabNavigationProps) {
|
|
return (
|
|
<div className="border-b border-slate-200 mb-6">
|
|
<nav className="flex gap-6">
|
|
{TAB_DEFINITIONS.map((tab) => (
|
|
<button
|
|
key={tab.id}
|
|
onClick={() => onTabChange(tab.id as TabType)}
|
|
className={`pb-3 px-1 text-sm font-medium border-b-2 transition-colors ${
|
|
activeTab === tab.id
|
|
? 'border-primary-600 text-primary-600'
|
|
: 'border-transparent text-slate-500 hover:text-slate-700'
|
|
}`}
|
|
>
|
|
{tab.label}
|
|
</button>
|
|
))}
|
|
</nav>
|
|
</div>
|
|
)
|
|
}
|