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

<div class="nav">
	<ul>
		<li><a href="/">Stundenliste</a></li>
		<li><a href="/schaetzung">Stundenschätzung</a></li>
		<li><a href="/dokumente">Ausdrucken</a></li>
	</ul>
</div>

{@render children()}

<style>

.nav {
	width: 100%;

	display: flex;
	justify-content: center;
}

.nav ul {
	display: flex;
	justify-content: right;

	width: 80%;

	list-style-type: none;
	margin-top: 10px;
	margin-bottom: 10px;

	padding-right: 10px;
}

.nav ul li {
	border: black;

	margin-left: 10px;
	margin-right: 10px;
}

</style>
