<script lang="ts">
  import "./layout.css";
  import favicon from "$lib/assets/favicon.svg";

  let { children } = $props();
</script>

<svelte:head><link rel="icon" href={favicon} /></svelte:head>

<div class="flex h-[95vh] flex-col">
  <nav>
    <a href="/">Home</a>
    <a href="/wa">Litter App</a>
    <a href="/devops">CalChat Download</a>
  </nav>

  <main class="flex flex-1 flex-col">
    {@render children()}
  </main>
</div>
