<script lang="ts">
  import "../layout.css";
  import "../kener.css";
  import "../docs.css";
  import "../prose.css";
  import "highlight.js/styles/github-dark.css";
  import { ModeWatcher } from "mode-watcher";
  import { resolve } from "$app/paths";
  import { Toaster } from "$lib/components/ui/sonner/index.js";

  let base = resolve("/");

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

<ModeWatcher />
<Toaster />

<main>
  {@render children()}
</main>
