<script lang="ts">
	import { dev } from '$app/environment';
	import Footer from '$lib/footer.svelte';
	import Navigation from '$lib/navigation.svelte';
	import '$lib/global.css';
	import DevBanner from '$lib/DevBanner.svelte';
</script>

<div id="page-content">
	{#if dev}
		<DevBanner />
	{/if}

	<Navigation />
	<slot />
	<Footer />
</div>

<style>
	#page-content {
		display: flex;
		flex-direction: column;
		min-height: 100vh;
		min-height: 100svh;
	}
</style>
