<script lang="ts">
	import AppHeader from '$lib/components/layout/app/AppHeader.svelte';
	import AppSidebar from '$lib/components/layout/app/AppSidebar.svelte';

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

<div class="flex h-screen bg-base-300 overflow-hidden relative">
	<AppSidebar />
	<div class="flex-1 flex flex-col min-w-0 overflow-hidden relative h-full">
		<AppHeader />
		<main class="flex-1 flex flex-col min-h-0 overflow-hidden px-4 pb-4  ">
			{@render children()}
		</main>
	</div>


</div>