---
const { current = '' } = Astro.props;
---

<header class="blog-header">
  <a class="blog-logo" href="/" aria-label="MoreminiMore หน้าหลัก"><img src="/images/logos/logo-long-black.png" width="195" height="42" alt="MoreminiMore" /></a>
  <nav class="blog-desktop-nav" aria-label="เมนูหลัก">
    <a href="/about/">เกี่ยวกับเรา</a>
    <a href="/services/">บริการ</a>
    <a href="/faq/">คำถามที่พบบ่อย</a>
    <a class:list={[current === 'blog' && 'active']} href="/blog/" aria-current={current === 'blog' ? 'page' : undefined}>บทความ</a>
  </nav>
  <details class="blog-mobile-nav">
    <summary aria-label="เปิดเมนูนำทาง">เมนู <span aria-hidden="true">+</span></summary>
    <nav aria-label="เมนูมือถือ">
      <a href="/about/">เกี่ยวกับเรา</a>
      <a href="/services/">บริการ</a>
      <a href="/faq/">คำถามที่พบบ่อย</a>
      <a href="/blog/" aria-current={current === 'blog' ? 'page' : undefined}>บทความ</a>
      <a href="/#contact">ลองคุยกัน 15 นาที</a>
    </nav>
  </details>
  <a class="blog-contact" href="/#contact">ลองคุยกัน 15 นาที ↗</a>
</header>
