---
import Navlink from "./Navlink.astro";
const links = [
	{
		display: "Home",
		icon: "H",
		href: "/"
	},{
		display: "Blog",
		icon: "B",
		href: "/blog"
	}, {
		display: "About",
		icon: "A",
		href: "/about"
	}
];
---
<nav class="bg-white w-full flex justify-center">
	<div class="justify-around w-full md:w-[767px] flex">
		{ links.map((item) => (<Navlink href={item.href}, display={item.display}, icon={item.icon} isActive={ (Astro.url.pathname.replace(Astro.currentLocale + "/", "").slice(0,-1) || "/") == item.href}/>)) }
	</div>
</nav>