---
import CategoryItem from "./category-item.astro";
---

<header class="flex h-16 shrink-0 items-center">
  <nav
    class="max-w-2xl w-full mx-auto flex flex-row items-center justify-between p-4"
  >
    <div class="flex items-center gap-4">
      <a href="/">
        <span
          class="text-3xl font-extrabold text-gray-900 transition-colors hover:text-blue-500 dark:text-gray-100 dark:hover:text-blue-300"
        >
          snubi
        </span>
      </a>
      <a
        href="https://resume.snubi.net"
        class="flex items-center text-blue-500 transition-colors hover:text-blue-800 dark:text-blue-300 dark:hover:text-blue-600"
        target="_blank"
      >
        <span> 소개 </span>
      </a>
    </div>
    <div class="flex items-center gap-4">
      <CategoryItem name="작업" href="/works" />
      <CategoryItem name="글" href="/posts" prefetch />
      <CategoryItem name="링크 모음" href="/links" />
    </div>
  </nav>
</header>