<script lang="ts">
	import '../app.css';
	import favicon from '$lib/assets/favicon.svg';
	import Navigation from '$lib/components/Navigation.svelte';

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

<svelte:head>
	<link rel="icon" href={favicon} />
	<title>Heddit</title>
</svelte:head>

<header class="absolute top-0 left-0 w-full h-16">
	<Navigation></Navigation>
</header>
<main class="absolute top-16 left-0 w-full h-[calc(100%-4rem)] p-4">
	{@render children?.()}
</main>
