import { Route } from "react-router-dom"
import Home from "./pages/Home"
import Login from "./pages/Login"
import Register from "./pages/Register"
import Welcome from "./pages/Welcome"
import ForgotPassword from "./pages/ForgotPassword"
import Courses from "./pages/Courses"
import CourseExercises from "./pages/CourseExercises"
import Exercise from "./pages/Exercise"
import Settings from "./pages/Settings"
import CourseComplete from "./pages/CourseComplete"

const AppRoutes = () => (
  <>
    <Route exact path="/" component={Welcome} />
    <Route path="/home" component={Home} exact />
    <Route path="/register" component={Register} />
    <Route path="/login" component={Login} />
    <Route path="/forgot-password" component={ForgotPassword} />
    <Route path="/welcome" component={Welcome} />
    <Route path="/courses" component={Courses} />
    <Route path="/course/:id/exercises" component={CourseExercises} />
    <Route path="/exercise/:id" component={Exercise} />
    <Route path="/settings" component={Settings} />
    <Route path="/course-complete" component={CourseComplete} />
  </>
)

export default AppRoutes
