<script>
	import {Navbar, NavBrand, NavLi, NavUl, NavHamburger, Footer, FooterCopyright} from 'flowbite-svelte';
	import logo from "$lib/images/rse-logo.svg";
	import '../app.css';
</script>

<div class="min-h-screen flex flex-col">
	<header class="sticky top-0 px-8">
		<Navbar class="px-2 sm:px-4 py-2.5 w-full z-20 top-0 start-0 border-b">
			<NavBrand href="/">
			  <img src={logo} class="me-3 h-6 sm:h-9" alt="RSE Logo" />
			  <span class="self-center whitespace-nowrap text-xl font-semibold dark:text-white">RS Entertainment</span>
			</NavBrand>
			<NavHamburger  />
			<NavUl >
			  <NavLi href="/">Home</NavLi>
			  <NavLi href="/minecraft/info">Minecraft</NavLi>
			  <NavLi href="https://gamedash.reslate.systems">Host Dashboard</NavLi>
			  <NavLi href="/about">About</NavLi>
			</NavUl>
		  </Navbar>
	</header>
	<main class="flex flex-col w-full flex-grow">
		<slot/>
	</main>
</div>
<Footer>
	<FooterCopyright href="/" by="Reslate Systems" year={2024} />
</Footer>
