import { Hono } from 'hono'
import { IndexPage } from './examples/index'
import { ProfileExamplesPage } from './examples/profile'
import { ButtonExamplesPage } from './examples/button'
import { NavigationExamplesPage } from './examples/navigation'
import { styles, stylesToCSS } from './src'

const app = new Hono()

app.get('/', c => {
  return c.html(<IndexPage />)
})

app.get('/profile', c => {
  return c.html(<ProfileExamplesPage />)
})

app.get('/buttons', c => {
  return c.html(<ButtonExamplesPage />)
})

app.get('/navigation', c => {
  return c.html(<NavigationExamplesPage />)
})

app.get('/styles', c => {
  return c.text(stylesToCSS(styles))
})

export default {
  port: 3300,
  fetch: app.fetch,
}