import React from 'react';
import { Redirect, Route, Switch } from 'react-router-dom';

import {
  LOGIN_PAGE,
  HOME_PAGE,
  FORGOT_PASSWORD_PAGE,
  NOT_FOUND_PAGE,
  ERROR_PAGE,
  BASE_PAGE,
} from './constants/pages';

// import LoginPage from './pages/LoginPage/LoginPage';
import LoginPage from './pages/LoginPage/LoginPageMUI';
// import HomePage from './pages/HomePage/HomePage';
import HomePage from './pages/HomePage/HomePageMUI';
import NotFoundPage from './pages/ErrorPages/NotFoundPage';
import ErrorPage from './pages/ErrorPages/ErrorPage';
// import ForgotPasswordPage from './pages/ForgotPasswordPage/ForgotPasswordPage';
import ForgotPasswordPage from './pages/ForgotPasswordPage/ForgotPasswordPageMUI';
import PrivateRoute from './components/Router/PrivateRoute';

const AppRoutes = () => (
  <Switch>
    <Route exact path={BASE_PAGE} component={LoginPage} />
    <Route exact path={LOGIN_PAGE} component={LoginPage} />
    <Route path={NOT_FOUND_PAGE} component={NotFoundPage} />
    <Route path={ERROR_PAGE} component={ErrorPage} />
    <Route path={FORGOT_PASSWORD_PAGE} component={ForgotPasswordPage} />
    <PrivateRoute
      exact
      path={HOME_PAGE}
      component={HomePage}
    />
    <Redirect from="*" to={NOT_FOUND_PAGE} />
  </Switch>
);


export default AppRoutes;