$(document).ready( () => {
  console.log('Load component - header')

  const component = $('.component-header')

  const hamburger = component.find('.hamburger')
  const menuContainer = component.find('.menu-container')
  const menu = menuContainer.find('.menu')

  hamburger.off('.click').on('click.click', (e) => {
    const ham = $(e.currentTarget)
    ham.toggleClass('is-active')

    if(ham.hasClass('is-active')){
      menuContainer.addClass('active')
      menu.slideDown()
    } else {
      menuContainer.removeClass('active')
      menu.slideUp()
    }
  })

  $(window).scroll(() => {
    const sectionHeader = $('.component-sectionHeader')
    const top = $(window).scrollTop()
    if(top > 1) {
      component.addClass('sticky')
      sectionHeader.addClass('sticky')
    } else {
      component.removeClass('sticky')
      sectionHeader.removeClass('sticky')
    }
  })

})