<script lang="ts">
	import WorkoutDisplay from './WorkoutDisplay.svelte';
	import WorkoutLogger from './WorkoutLogger.svelte';
</script>

<div class="min-h-screen bg-gray-100 py-8">
	<div class="container mx-auto px-4">
		<h1 class="mb-8 text-center text-4xl font-bold text-gray-800">🏋️ Egentrening</h1>
		<p class="mb-8 text-center text-gray-600">Track your daily fitness progress</p>

		<div class="grid grid-cols-1 gap-8 lg:grid-cols-2">
			<WorkoutDisplay />

			<WorkoutLogger />
		</div>
	</div>
</div>
