<script lang="ts">
	import StudentHomeworkList from '$lib/components/organisms/StudentHomework/StudentHomeworkList.svelte';
</script>

<svelte:head>
	<title>Mes devoirs - Classeo</title>
</svelte:head>

<div class="page-container">
	<header class="page-header">
		<h1>Mes devoirs</h1>
	</header>

	<StudentHomeworkList />
</div>

<style>
	.page-container {
		max-width: 48rem;
		margin: 0 auto;
		padding: 1rem;
	}

	.page-header {
		margin-bottom: 1.5rem;
	}

	.page-header h1 {
		margin: 0;
		font-size: 1.5rem;
		font-weight: 700;
		color: #1f2937;
	}
</style>
