<script lang="ts">
	import type { PageProps } from './$types';

	const { data }: PageProps = $props();
</script>

{#if data.isLoggedIn}
	<p>You are logged in</p>
{/if}
<form method="POST">
	<div class="field">
		<label for="email" class="label">Email</label>
		<input
			id="email"
			name="email"
			class="input"
			type="email"
			placeholder="e.g john@gmail.com"
			autocomplete="email"
		/>
	</div>
	<div class="field">
		<label for="password" class="label">Password</label>
		<input
			id="password"
			name="password"
			class="input"
			type="password"
			placeholder="********"
			autocomplete="current-password"
		/>
	</div>
	<input type="submit" class="button is-primary" value="Login" />
</form>
