import { Router } from "@solidjs/router"
import { FileRoutes } from "@solidjs/start/router"
import { Suspense } from "solid-js"
import { Fonts } from "@opencode-ai/ui/fonts"
import { MetaProvider } from "@solidjs/meta"
import { MarkedProvider } from "@opencode-ai/ui/context/marked"
import "./app.css"

export default function App() {
  return (
    <Router
      root={(props) => (
        <>
          <Suspense>
            <MarkedProvider>
              <MetaProvider>
                <Fonts />
                {props.children}
              </MetaProvider>
            </MarkedProvider>
          </Suspense>
        </>
      )}
    >
      <FileRoutes />
    </Router>
  )
}