import { BrowserRouter, Routes, Route, Outlet } from '@unis/router'

const Dashboard = () => {
  
  return () => (
    <div>
      dashboard
      <Outlet /> // hello
    </div>
  )
}

const App = () => {

  return () => (
    <div>
      <header>App</header>
      <Routes path="dashboard" element={<Dashboard />}>
        <Route path="hello" element={<div>hello</div>} />
      </Routes>
    </div>
  )
}

render(
  <BrowserRouter basename="admin">
    <App />
  </BrowserRouter>, document.querySelector('#app'))