<script lang="ts">
	import '../app.css';

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

<div class="flex justify-between p-6">
	<nav>
		<a href="/" class="pr-3">Home</a>
		<a href="/about" class="px-6">About</a>
		<a href="/settings" class="px-6">Settings</a>
	</nav>
</div>

<div class="p-4">
	{@render children()}
</div>
