<script lang="ts">
  import "./app.css";
  import { Router, Route, Link } from "svelte-routing";
  import Home from "./routes/Home.svelte";
  import "./app.css";
  import { Navbar, NavBrand, DarkMode } from "flowbite-svelte";
  let url: string = $state();
</script>

<main class="flex-col h-screen items-center bg-gray-50 dark:bg-gray-800">
  <Router bind:url>
    <Navbar>
      <NavBrand>
        <Link to="/">HOME</Link>
      </NavBrand>
      <DarkMode />
    </Navbar>
    <Route path="/"><Home /></Route>
  </Router>
</main>
