import { lazy } from 'react'
import DevOnly from './components/DevOnly'

const ComponentsPage = lazy(() => import('./pages/ComponentsPage'))
const ClinicsPage = lazy(() => import('./pages/ClinicsPage'))
const TestPrefillPage = lazy(() => import('./pages/TestPrefillPage'))

// `/dev/*` 와 `/test` 는 DevOnly 가드를 거쳐 로컬호스트에서만 접근 가능.
export const devRoutes = [
  {
    element: <DevOnly />,
    children: [
      { path: 'dev/components', element: <ComponentsPage /> },
      { path: 'dev/clinics', element: <ClinicsPage /> },
      { path: 'test', element: <TestPrefillPage /> },
    ],
  },
]
