$(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)
    console.log('toggle')
    ham.toggleClass('is-active')
    console.log(ham, menu)

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

})