export default () => {
  const navBtn = document.querySelectorAll('.navbar__item--catalog');

  navBtn.forEach(item => {
    if (!item.dataset.list) return false;
    const list = document.querySelector(`.navbar__list--catalog-${item.dataset.list}`);

    if (!list) return false;

    list.style.left = item.offsetLeft + 'px';
    list.style.minWidth = item.clientWidth + 'px';

    item.addEventListener('mousemove', () => {
      item.classList.add('active');
      list.classList.add('active');
    });

    list.addEventListener('mousemove', () => {
      item.classList.add('active');
      list.classList.add('active');
    });

    item.addEventListener('mouseout', () => {
      item.classList.remove('active');
      list.classList.remove('active');
    });

    list.addEventListener('mouseout', () => {
      item.classList.remove('active');
      list.classList.remove('active');
    });
  });
};