<script>
	import { page } from '$app/stores';
</script>

<div style="padding-top: 32px" class="text-center">
	<h1 class="text-9xl font-bold">
		{$page.status}
	</h1>
	<h1>Thats an error</h1>
	{#if $page.status === 404}
		<p>We cant seem to find the page you are looking for.</p>
		<p>The address may be mistyped, or the page may have moved or been deleted.</p>
	{/if}
	{#if $page.status === 403}
		<p>You dont have access to this page!</p>
		<p>Please contact your admin if you think this is a mistake</p>
	{/if}
	{#if $page.status === 401}
		<p>You must be signed-in to view this page!</p>
	{/if}
	{#if $page.status === 500}
		<p>This one is on our end...</p>
		<p>We are working to resolve this as fast as possible.</p>
	{/if}
	{#if $page.status !== 404 && $page.status !== 403 && $page.status !== 401 && $page.status !== 500}
		<p>An unexpected error has occurred.</p>
		<p>Please try again later</p>
	{/if}
</div>
