import './Layout.sass'
import { lazy } from 'solid-js'
import { render } from 'solid-js/web'
import { Router } from '@solidjs/router'

const root = document.getElementById('root')

const routes = [
  {
    path: '/',
    component: lazy(() => import('../pages/IndexPage/Index.tsx')),
  },
  {
    path: '/main',
    component: lazy(() => import('../pages/MainPage/Main.tsx')),
  },
  {
    path: '/register',
    component: lazy(() => import('../pages/RegisterPage/Register.tsx')),
  },
]

render(() => <Router>{routes}</Router>, root!)
