import { lazy } from 'react'
import { Route } from 'react-router-dom'

const SessionStorage = lazy(
  () => import('../components/Dashboard/Developer/SessionStorage.jsx')
)
const AuthContextDebug = lazy(
  () => import('../components/Dashboard/Developer/AuthContextDebug.jsx')
)
const ApiContextDebug = lazy(
  () => import('../components/Dashboard/Developer/ApiContextDebug.jsx')
)

const DeveloperRoutes = [
  <Route
    key='sessionstorage'
    path='developer/sessionstorage'
    element={<SessionStorage />}
  />,
  <Route
    key='authcontextdebug'
    path='developer/authcontextdebug'
    element={<AuthContextDebug />}
  />,
  <Route
    key='apicontextdebug'
    path='developer/apicontextdebug'
    element={<ApiContextDebug />}
  />
]

export default DeveloperRoutes
