import { Route, Routes } from "react-router-dom";

import About from "../About";
import Admin from "../Admin";
import BasicLayout from "../../layouts/BasicLayout";
import Character from "../Character";
import Home from "../Home";

const Root = () => {
  return (
    <Routes>
      <Route path="/" element={<BasicLayout />}>
        <Route index element={<Home />} />
        <Route path="about" element={<About />} />
        <Route path="character" element={<Character />} />
        <Route path="admin" element={<Admin />} />
        <Route path="*" element={<>ERROR 404</>} />
      </Route>
    </Routes>
  );
};

export default Root;