import { FC } from 'react'
import { Paths } from '@/utils/Paths'
import { Routes, Route } from 'react-router-dom'
import ReceivedList from '@/pages/received/List'
import SentList from '@/pages/sent/List'
import DraftList from '@/pages/draft/List'
import ArchiveList from '@/pages/archive/List'
import TrashList from '@/pages/Trash/List'
import FavoriteList from '@/pages/favorite/List'
import SpamList from '@/pages/spam/List'
import SearchList from '@/pages/search/List'
import DetailEmail from '@/pages/received/Detail'
import Login from '@/pages/auth/Login'
import Setting from '@/pages/setting/Setting'
import Profile from '@/pages/profile/Profile'

const AppRouter: FC = () => {
    return (
        <Routes>
            <Route path={'/'} element={<ReceivedList />} />
            <Route path={Paths.received} element={<ReceivedList />} />
            <Route path={Paths.sent} element={<SentList />} />
            <Route path={Paths.draft} element={<DraftList />} />
            <Route path={Paths.archive} element={<ArchiveList />} />
            <Route path={Paths.trash} element={<TrashList />} />
            <Route path={Paths.favorite} element={<FavoriteList />} />
            <Route path={Paths.spam} element={<SpamList />} />
            <Route path={Paths.search} element={<SearchList />} />
            <Route path={Paths.detailEmail + ':id/:mailbox'} element={<DetailEmail />} />
            <Route path={Paths.login} element={<Login />} />
            <Route path={Paths.setting} element={<Setting />} />
            <Route path={Paths.profile} element={<Profile />} />
        </Routes>
    )
}

export default AppRouter