<script>
	import Button from './navbutton.svelte';
	export /**
	 * @type {any}
	 */
	let open;
</script>

{#if open}
	<div
		on:click={() => {
			open = !open;
		}}
		class="z-10 bg-white absolute top-0 left-0 h-screen w-screen flex flex-col gap-4 text-center pt-16"
	>
		<Button link="/" text="Home" />
		<Button link="/about" text="About" />
	</div>
{/if}
