import { BrowserRouter, Navigate, Route, Routes } from "react-router-dom";
import LayoutRoutes from './LayoutRoutes';
import AuthRoutes from './AuthRoutes';
import PrivateRoutes from './PrivateRoutes';
import SignIn from '../Auth';

export default function Routers() {
  const login = localStorage.getItem("login");

  return (
    <BrowserRouter basename={"/"}>
        <Routes>
          {login ? (
            <>
              <Route path={`${process.env.PUBLIC_URL}`} element={<Navigate to={`${process.env.PUBLIC_URL}/dashboard/default`} />} />
              <Route path={`/`} element={<Navigate to={`${process.env.PUBLIC_URL}/dashboard/default`} />} />
            </>
          ) : (
            ""
          )}
          <Route path={"/"} element={<PrivateRoute />}>
            <Route path="/*" element={<LayoutRoutes />} />
            <Route path="/auth/*" element={<AuthRoutes />} />
          </Route>
          <Route path={`${process.env.PUBLIC_URL}/login`} element={<SignIn />} />
        </Routes>
    </BrowserRouter>
  );
};