<script lang="ts">
	import '../app.css';
  import Navbar from '$lib/components/Navbar.svelte';
  import Footer from '$lib/components/Footer.svelte';
	
	let { children } = $props();
</script>

<div class="w-screen min-h-screen flex flex-col gap-0">
<span class="text-xs fixed z-40 bg-orange-500 text-white p-2 -translate-x-1/3 -rotate-45 origin-top-right after:content-[' '] after:w-full after:h-full after:bg-orange-500 after:fixed after:top-0 after:left-full after:ml-[-1px] before:content-[' '] before:w-full before:h-full before:bg-orange-500 before:fixed before:top-0 before:right-full before:mr-[-1px]">Version test</span>
<Navbar />
<div class="mt-16 font-inter-tight grow">
  {@render children()}
</div>
<Footer />
</div>
