/**
 * Copyright (c) 2025 miwa
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */

export default function Links(props: {
	selected: "home" | "contact" | "reports";
}) {
	return (
		<nav>
			<ul>
				<li class={props.selected === "home" ? "selected" : ""}>
					<a href="/">home</a>
				</li>{" "}
				<li class={props.selected === "contact" ? "selected" : ""}>
					<a href="/contact">contact</a>
				</li>
				<li class={props.selected === "reports" ? "selected" : ""}>
					<a href="/reports">reports</a>
				</li>
			</ul>
		</nav>
	);
}