type HeaderProps = {
  link: string;
};

export default function Header(props: HeaderProps) {
  return (
    <header>
      <h1>
        <a href="/" f-client-nav={false}>PolyMPR</a>
      </h1>
      <nav>
        <a href="/apps" f-client-nav={false}>Catalog</a>
        <a href={`/log${props.link}`} f-client-nav={false}>Log {props.link}</a>
        <button
          id="theme-toggle"
          type="button"
          title="Changer de theme"
          style="background:none;border:none;cursor:pointer;font-size:1.2rem;padding:0;line-height:1;"
        >
          <span class="material-symbols-outlined">dark_mode</span>
        </button>
      </nav>
    </header>
  );
}
