<script lang="ts">
    import { Toaster } from "$lib/components/ui/sonner/index.js";
    import { ModeWatcher } from "mode-watcher";

    import { breadcrumbs } from "$lib/global.stores";
    import "./layout.css";

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

<svelte:head>
    <title>{$breadcrumbs[$breadcrumbs.length - 1]?.title ?? "Dashboard"}</title>
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <meta name="description" content="A base SaaS template" />
</svelte:head>

<ModeWatcher />
<Toaster />

{@render children()}
