export const accordion = () => {
  const accordion = document.querySelectorAll('.main-footer__menu-accordion-container');

  if (accordion.length === 0) return false;

  accordion.forEach((item) => {
    const btn = item.querySelector('.main-footer__menu-accordion-btn');
    const arrow = item.querySelector('.main-footer__menu-accordion-btn-arrow');
    const list = item.querySelector('.main-footer__menu-accordion-list');
    if (list) {
      const open = () => {
        item.classList.add('main-footer__menu-accordion--active');
      };

      const close = () => {
        item.classList.remove('main-footer__menu-accordion--active');
      };

      const setOpen = () => {
        return contains() ? close() : open();
      };

      const contains = () => {
        return item.classList.contains('main-footer__menu-accordion--active');
      };

      btn.addEventListener('click', setOpen);
    } else {
      if (arrow) {
        arrow.remove();
      }
    }
  });
};