/*
 *  JSS-01 |JavaScript Software Synthesizer
 *  Copyright (c) 2023 Michael Kolesidis <michael.kolesidis@gmail.com>
 *  GNU Affero General Public License v3.0
 *
 */

export default function header(darkMode: boolean) {
  if (darkMode) {
    return /*html*/ `    
<div id="logo-name">
  <img src="./assets/logo/logo_192_dark.png"/>
  <div>JSS-01 — JavaScript Software Synthesizer</div>
</div>

<div id="buttons">
  <button type="button" id="dark">
    <img src="./assets/icons/contrast.svg">
  </button>
  <button id="button-placeholder"></button>

  <div id="nav-container">
    <div class="bg"></div>
    <div class="button" tabindex="0">
      <span class="icon-bar"></span>
      <span class="icon-bar"></span>
      <span class="icon-bar"></span>
    </div>
</div>   
`;
  }
  return /*html*/ `
  
<div id="logo-name">
  <img src="./assets/logo/logo_192.png"/>
  <div>JSS-01 — JavaScript Software Synthesizer</div>
</div>

<div id="buttons">

  <button type="button" id="dark-button">
    <img src="./assets/icons/contrast.svg">
  </button>
  <button id="button-placeholder"></button>

  <div id="nav-container">
    <div class="bg"></div>
    <div class="button" tabindex="0">
      <span class="icon-bar"></span>
      <span class="icon-bar"></span>
      <span class="icon-bar"></span>
    </div>
  <div id="nav-content" tabindex="0"></div>
</div>
`;
}