import React, { useState } from 'react';
import { Layout } from './components/Layout';
import { OverviewTab } from './components/OverviewTab';
import { NewsExplorerTab } from './components/NewsExplorerTab';
import { GrowthOpportunitiesTab } from './components/GrowthOpportunitiesTab';
import { AdverseMediaTab } from './components/AdverseMediaTab';
import { ClientsTab } from './components/ClientsTab';
import { PipelineTab } from './components/PipelineTab';
import { SettingsTab } from './components/SettingsTab';
export default function App() {
const [activeTab, setActiveTab] = useState('overview');
const renderActiveTab = () => {
switch (activeTab) {
case 'overview':
return <OverviewTab />;
case 'news':
return <NewsExplorerTab />;
case 'growth':
return <GrowthOpportunitiesTab />;
case 'adverse':
return <AdverseMediaTab />;
case 'clients':
return <ClientsTab />;
case 'pipeline':
return <PipelineTab />;
case 'settings':
return <SettingsTab />;
default:
return <OverviewTab />;
}
};
return (
<Layout activeTab={activeTab} onTabChange={setActiveTab}>
{renderActiveTab()}
</Layout>
);
}