
import { MainLayout } from './layouts/MainLayout';
import { Dashboard } from './pages/Dashboard';
import { Requirements } from './pages/Requirements';
import { Capabilities } from './pages/Capabilities';
import { Tools } from './pages/Tools';
import { Knowledge } from './pages/Knowledge';

function App() {
  return (
    <MainLayout>
      {(activeTab) => {
        switch (activeTab) {
          case 'dashboard':
            return <Dashboard />;
          case 'requirements':
            return <Requirements />;
          case 'capabilities':
            return <Capabilities />;
          case 'tools':
            return <Tools />;
          case 'knowledge':
            return <Knowledge />;
          default:
            return <Dashboard />;
        }
      }}
    </MainLayout>
  );
}

export default App;
