import {
  createBrowserRouter,
  createHashRouter,
  type RouteObject,
} from 'react-router-dom'
import { appConfig } from '../app.config'
import { appRoutes } from './app-routes'
import { AppLayout } from './components/AppLayout'
import { NotFoundPage } from './pages/NotFoundPage'

const pageRoutes: RouteObject[] = appRoutes.map((route) =>
  route.path === '/'
    ? { index: true, element: route.element }
    : { path: route.path.slice(1), element: route.element },
)

const routes: RouteObject[] = [
  {
    path: '/',
    element: <AppLayout />,
    children: [...pageRoutes, { path: '*', element: <NotFoundPage /> }],
  },
]

export const router =
  appConfig.routerMode === 'hash'
    ? createHashRouter(routes)
    : createBrowserRouter(routes)