text: //import { Link } from "gatsby"
  //import PropTypes from "prop-types"
  import React,  { Component } from "react"
  
  import "../scss/mainmenu.scss"
  
  
  
  
  class MainMenu extends Component  {
    constructor(props){
      super(props);
    }
    componentDidMount(){
      window.onscroll = function() {myFunction()};
      let navbar = document.getElementById("main-menu");
      let sticky = navbar.offsetTop;
      function myFunction() {
        if (window.pageYOffset >= sticky) {
          navbar.classList.add("sticky")
        } else {
          navbar.classList.remove("sticky");
        }
      }
    }
    render(){
      return(
        <div className="main-menu" id="main-menu">
          <ul>
            <h2>Menu</h2>
            <li>Lorem</li>
            <li>Lorem</li>
            <li>Lorem</li>
            <h3>Lorem</h3>
            <li>Lorem</li>
            <li>Lorem</li>
            <li>Lorem</li>
          </ul>
        </div>
      )
  }
  }
  
  
  export default MainMenu
  