import { Navigate, Route, Routes } from 'react-router-dom';
import { Header } from './components/layout/Header';
import { Footer } from './components/layout/Footer';
import { ProteinDashboard } from './components/datasets/protein/ProteinDashboard';
import { ProteinDocsPage } from './pages/datasets/ProteinDocsPage';

export default function App() {
  return (
    <div className="min-h-screen bg-white">
      <Header />
      <main>
        <Routes>
          <Route path="/" element={<ProteinDashboard />} />
          <Route path="/docs" element={<ProteinDocsPage />} />
          <Route path="/datasets/musprot" element={<Navigate to="/" replace />} />
          <Route path="/datasets/musprot/docs" element={<Navigate to="/docs" replace />} />
          <Route path="*" element={<Navigate to="/" replace />} />
        </Routes>
      </main>
      <Footer />
    </div>
  );
}