import './App.css'
import {Route, Routes} from "react-router-dom";
import Home from "./routes/Home.tsx";
import {LoginPage} from "./routes/LoginPage.tsx";
import {PrivateRoute} from "./components/PrivateRoute.tsx";
import {NotFound} from "./routes/NotFound.tsx";
import AddNewVocabulary from "./routes/AddNewVocabulary.tsx";

function App() {
  return (
    <>
      <div className="main-container bg-white dark:bg-slate-800 dark:text-white">
        <Routes>
          <Route path="/" element={<PrivateRoute><Home/></PrivateRoute>} />
          <Route path="/login" element={<LoginPage />} />
          <Route path="/vocabulary/add" element={<PrivateRoute><AddNewVocabulary/></PrivateRoute> } />
          <Route path="*" element={<NotFound />} />
        </Routes>
      </div>
    </>
  )
}

export default App
