<script lang="ts">
	import ThemeToggle from "./ThemeToggle.svelte";

	interface Props {
		title?: string;
		description?: string;
	}

	let { title = "My Blog", description = "Super. Good. Code." }: Props =
		$props();
</script>

<div class="wrapper-masthead">
	<header class="container masthead">
		<div class="site-info">
			<h1><a href="/">{title}</a></h1>
			<p class="site-description">{description}</p>
		</div>

		<nav>
			<a href="/">Blog</a>
			<a href="/apps">Apps</a>
			<a href="/about">About</a>
			<ThemeToggle />
		</nav>
	</header>
</div>
