import { MetaProvider, Title } from '@solidjs/meta'
import { Router } from '@solidjs/router'
import { FileRoutes } from '@solidjs/start/router'
import { Suspense } from 'solid-js'
import './styles/app.sass'

export default () => {
  return (
    <Router
      root={(props) => (
        <MetaProvider>
          <Title>Dasig - Solid</Title>

          {/* <a href="/">Index</a>
          <a href="/about">About</a> */}
          <Suspense>{props.children}</Suspense>
        </MetaProvider>
      )}
    >
      <FileRoutes />
    </Router>
  )
}
