<script lang="ts">
	import LoginForm from './login-form.svelte';
</script>

<div class="grid min-h-svh lg:grid-cols-2">
	<div class="flex flex-col gap-4 md:p-6">
		<div class="flex-1"></div>
		<div class="justify-center flex">
			<div class="w-full max-w-xs">
				<LoginForm />
			</div>
		</div>
		<div class="flex-3"></div>
	</div>
	<div class="bg-muted relative hidden lg:block">
		<img
			src="login-hero.png"
			alt=""
			class="absolute inset-0 h-full w-full object-cover dark:brightness-[0.2] dark:grayscale"
		/>
	</div>
</div>
