<script lang="ts">
	import '../app.css';
	import BottomNav from '$lib/components/BottomNav.svelte';
	import { page } from '$app/stores';

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

<div class="flex flex-col h-screen bg-slate-900 text-white">
	<main class="flex-1 overflow-y-auto pb-16">
		{@render children()}
	</main>
	<BottomNav currentPath={$page.url.pathname} />
</div>
