import { render } from 'preact'

import { Router } from './Router.jsx'

import { HomePage } from './pages/Home.jsx'
import { LoginPage } from './pages/Login.jsx'
import { ProblemPage } from './pages/Problem.jsx'
import { NewSolutionPage } from './pages/NewSolution.jsx'

render(
    <Router
        pages={{
            '/': HomePage,
            '/login': LoginPage,
            '/problem/:id': ProblemPage,
            '/problem/:id/new-solution': NewSolutionPage,
        }}
    />,
    document.body
)
