import React from 'react';
import { Tabs, TabsList, TabsTrigger, TabsContent } from './tabs';
import { OnboardingDialog } from '../OnboardingDialog';
import { UserProfile } from '../UserProfile';
import { UEFNPanel } from '../UEFNPanel';
import { GamePreviewPanel } from '../GamePreviewPanel';
import { TranslationPanel } from '../TranslationPanel';
import { SpatialPanel } from '../SpatialPanel';
import { AssetLibraryPanel } from '../AssetLibraryPanel';
import { TeacherDashboard } from '../TeacherDashboard';
import { CertificationPanel } from '../CertificationPanel';
import { DesktopAppPanel } from '../DesktopAppPanel';
import { TeamCollabPanel } from '../TeamCollabPanel';
import { EnterpriseAnalyticsPanel } from '../EnterpriseAnalyticsPanel';

export function ExtraTabs({ user }: { user: any }) {
  return (
    <Tabs defaultValue="onboarding" className="h-full flex flex-col">
      <TabsList className="w-full rounded-none border-b border-border">
        <TabsTrigger value="onboarding">Onboarding</TabsTrigger>
        <TabsTrigger value="profile">Profile</TabsTrigger>
        <TabsTrigger value="uefn">UEFN</TabsTrigger>
        <TabsTrigger value="preview">Preview</TabsTrigger>
        <TabsTrigger value="translation">Translation</TabsTrigger>
        <TabsTrigger value="spatial">Spatial</TabsTrigger>
        <TabsTrigger value="assets">Assets</TabsTrigger>
        <TabsTrigger value="teacher">Teacher</TabsTrigger>
        <TabsTrigger value="certification">Certification</TabsTrigger>
        <TabsTrigger value="desktop">Desktop App</TabsTrigger>
        <TabsTrigger value="team">Team</TabsTrigger>
        <TabsTrigger value="enterprise">Enterprise</TabsTrigger>
      </TabsList>
      <TabsContent value="onboarding"><OnboardingDialog open={true} onClose={() => {}} /></TabsContent>
      <TabsContent value="profile"><UserProfile user={user} /></TabsContent>
      <TabsContent value="uefn"><UEFNPanel /></TabsContent>
      <TabsContent value="preview"><GamePreviewPanel /></TabsContent>
      <TabsContent value="translation"><TranslationPanel /></TabsContent>
      <TabsContent value="spatial"><SpatialPanel /></TabsContent>
      <TabsContent value="assets"><AssetLibraryPanel /></TabsContent>
      <TabsContent value="teacher"><TeacherDashboard /></TabsContent>
      <TabsContent value="certification"><CertificationPanel /></TabsContent>
      <TabsContent value="desktop"><DesktopAppPanel /></TabsContent>
      <TabsContent value="team"><TeamCollabPanel /></TabsContent>
      <TabsContent value="enterprise"><EnterpriseAnalyticsPanel /></TabsContent>
    </Tabs>
  );
}
