initial commit

src/components/nav/Menu.astro

@@ -0,0 +1,30 @@
+---
+import { IconMenu2, IconX } from '@tabler/icons-react';
+import NavLink from './NavLink.astro';
+
+const { nav } = Astro.props;
+---
+
+<menu>
+  <input id="menu-toggle" type="checkbox" aria-hidden="true" />
+  <label class="menu-button-container" for="menu-toggle" tabindex="0">
+    <div class="menu-closed" aria-hidden="true">
+      <IconMenu2 size={24} />
+    </div>
+    <div class="menu-open" aria-hidden="true">
+      <IconX size={24} />
+    </div>
+  </label>
+
+  <ul class="menu-primary" aria-label="Primary site navigation" id="primary-navigation">
+    {nav.primary.map((link) => (
+      <li>
+        <NavLink
+          url={link.permalink}
+          title={link.title}
+          icon={link.icon}
+        />
+      </li>
+    ))}
+  </ul>
+</menu>