<script lang="ts">
	import ThemeToggle from '$lib/components/layout/ThemeToggle.svelte';

	let { children } = $props();
</script>

<div class="flex min-h-screen items-center justify-center bg-gray-50 dark:bg-gray-900">
	<div class="absolute top-4 right-4">
		<ThemeToggle />
	</div>
	<div class="w-full max-w-md">
		{@render children()}
	</div>
</div>
