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

<header>
	<h1 id="title">{SITE_TITLE}</h1>	
	<nav>
		{MENU.map((data, index) => <HeaderLink href={data.path} showSeparator={index < MENU.length - 1}>{data.name}</HeaderLink>)}
	</nav>
</header>