<script class="ts">
	import Navbar from '$lib/components/Navbar.svelte';
	import Sidenav from '$lib/components/Sidenav.svelte';
	import Toaster from '$lib/components/Toaster.svelte';

	let isOpen = false;
</script>

<div class="flex h-screen w-full flex-col">
	<div class="flex flex-1 overflow-hidden">
		<Sidenav bind:isOpen />
		<div class="flex flex-1 flex-col">
			<Navbar bind:isOpen />
			<Toaster />
			<div
				class="flex w-full flex-1 transform flex-col overflow-y-scroll p-4 duration-300 ease-in-out sm:p-8"
			>
				<slot />
			</div>
		</div>
	</div>
</div>
