<script lang="ts">
	import '../app.css';
	let { children } = $props();
</script>

<ul class="bg-gray-800 text-white p-4 flex space-x-4">
	<li><a href="/" aria-label="home" class="icon-[mynaui--home] text-gray-300"></a></li>
	<li><a href="/landing" aria-label="landing" class="icon-[mynaui--external-link] text-gray-300"></a></li>
	<li><a href="/search" aria-label="search" class="icon-[mynaui--search] text-gray-300"></a></li>
	<li><a href="/user/m.woach.me/" aria-label="user" class="icon-[mynaui--user] text-gray-300"></a></li>
</ul>

<div class="h-screen bg-gray-300 overflow-hidden">
	{@render children()}
</div>
