mainFile

import React from "react";
import ReactDOM from "react-dom";
import { BrowserRouter, Route, Navigate, Routes } from "react-router-dom";
import App from "./App.jsx";
import Register from "./screens/Register.jsx";
import "react-toastify/dist/ReactToastify.css";
import Login from "./screens/Login.jsx";
import ForgetPassword from "./screens/ForgetPassword.jsx";
import ResetPassword from "./screens/ResetPassword.jsx";
//import PrivateRoute from "./Routes/PrivateRoute.jsx";
// import AdminRoute from "./Routes/AdminRoute.jsx";
import Private from "./screens/Private";
import Admin from "./screens/Admin";


import Activate from "./screens/Activate.jsx";
import { isAuth } from "./helpers/auth.js";

ReactDOM.render(
  <BrowserRouter>
    <Routes>
      <Route path="/" exact element={<App />} />
      <Route path="/login" exact element={<Login />} />
      <Route path="/register" exact element={<Register />} />
      <Route path="/users/password/forget" exact element={<ForgetPassword />} />
      <Route
        path="/users/password/reset/:token"
        exact
        element={<ResetPassword />}
      />
      <Route path="/users/activate/:token" exact element={<Activate />} />
      <Route path="/private" exact element = {isAuth ? <Private/> : <Navigate to = '/login' />} />
      <Route path="/admin" exact element = {isAuth ? <Admin/> : <Navigate to = '/login' />}  />
    </Routes>
  </BrowserRouter>,
  document.getElementById("root")
);