---
import HeaderLink from './HeaderLink.astro';
import { SITE_TITLE } from '../consts';
import ThemeIcon from './ThemeIcon.astro';
---

<header class="flex justify-center gap-64">
	<div>
		<a class="font-bold" href="/">
			{SITE_TITLE}
		</a>
		<ThemeIcon />
	</div>
	<nav>
		<HeaderLink href="/about">about</HeaderLink>
		<HeaderLink href="#">projects</HeaderLink>
		<HeaderLink href="#">resume</HeaderLink>
		<HeaderLink href="/blog">blog</HeaderLink>
	</nav>
</header>