---
export interface Props {
  studio?: string;
  addr?: string;
}
const {
  studio = 'Mostuki Photo',
  addr = 'PARIS / FR &middot; 48.85N 2.34E',
} = Astro.props;
---
<header class="head">
  <a class="logo" href="/">[ {studio.toUpperCase()}<span class="cursor" aria-hidden="true">▌</span> ]</a>
  <p class="head__addr" set:html={addr}></p>
  <nav>
    <a href="/#realisations">REALISATIONS</a>
    <a href="/tarifs">TARIFS</a>
    <a href="/contact">CONTACT</a>
    <button class="theme-toggle" type="button" aria-label="Basculer dark mode" aria-pressed="false">
      <span class="theme-toggle__on">DARK</span>
      <span class="theme-toggle__off">LIGHT</span>
    </button>
  </nav>
</header>
