import './App.css'
import Header from './components/shared/Header'
import Footer from './components/shared/Footer'
import { BrowserRouter as Router, Routes, Route } from 'react-router-dom';
import Dashboard from './pages/Dashboard';
import Portfolio from './pages/Portfolio';

import Settings from './pages/Settings';
import Strategy from './pages/Strategy';
import Login from './pages/login';
import ProtectedRoute from './components/ProtectedRoute';

function App() {
  return (
    <Router>

      <div className="min-h-screen bg-white">
        <Header />
        <Routes>
          <Route path="/login" element={<Login />} />

          <Route path="/" element={<ProtectedRoute><Dashboard /></ProtectedRoute>} />
          <Route path="/portfolio" element={<ProtectedRoute><Portfolio /></ProtectedRoute>} />
          <Route path="/strategy" element={<ProtectedRoute><Strategy /></ProtectedRoute>} />
          <Route path="/settings" element={<ProtectedRoute><Settings /></ProtectedRoute>} />


           {/* <Route path="/" element={<Dashboard />} />
           <Route path="/portfolio" element={<Portfolio />} />
           <Route path="/strategy" element={<Strategy />} />
           <Route path="/settings" element={<Settings />} /> */}


        </Routes>
        <Footer />
      </div>
    </Router>
  )
}

export default App