const adminTabs = [
  { key: 'dashboard', href: '/manage/dashboard', label: 'Meine Dateien' },
  { key: 'stats', href: '/manage/admin/dashboard?tab=stats', label: 'Admin' },
  { key: 'uploads', href: '/manage/admin/dashboard?tab=uploads', label: 'Alle Uploads' },
  { key: 'requests', href: '/manage/admin/dashboard?tab=requests', label: 'Anfragen' },
  { key: 'files', href: '/manage/admin/files', label: 'Dateimanager' },
  { key: 'users', href: '/manage/admin/users', label: 'Benutzer' },
  { key: 'tokens', href: '/manage/admin/tokens', label: 'Upload-Tokens' },
  { key: 'logs', href: '/manage/admin/dashboard?tab=logs', label: 'Logs' },
];

export function AdminTabs({ active }) {
  return (
    <nav className="tabs" aria-label="Admin-Bereiche">
      {adminTabs.map((tab) => (
        <a key={tab.key} className={`tab ${active === tab.key ? 'active' : ''}`} href={tab.href}>
          {tab.label}
        </a>
      ))}
    </nav>
  );
}