<script lang="ts">
	import '../app.css';
	import { Navbar, NavBrand, NavLi, NavUl, NavHamburger } from 'flowbite-svelte';
	let { children } = $props();
</script>

<svelte:head></svelte:head>

<!-- <Navbar> -->
<!-- 	<NavBrand href="/"> -->
<!-- 		<span class="self-center text-xl font-semibold whitespace-nowrap dark:text-white">ArchRepo</span -->
<!-- 		> -->
<!-- 	</NavBrand> -->
<!-- 	<NavHamburger /> -->
<!-- 	<NavUl> -->
<!-- 		<NavLi href="/">Home</NavLi> -->
<!-- 		<NavLi href="/about">About</NavLi> -->
<!-- 		<NavLi href="/docs/components/navbar">Navbar</NavLi> -->
<!-- 		<NavLi href="/pricing">Pricing</NavLi> -->
<!-- 		<NavLi href="/contact">Contact</NavLi> -->
<!-- 	</NavUl> -->
<!-- </Navbar> -->

<main class="mx-10 mt-5 xl:mx-44">
	{@render children?.()}
</main>
