const Popup = () => {
    const buttons = document.querySelectorAll('[data-widget="button"]');

    if (buttons.length === 0) {
        return;
    }

    buttons.forEach(button => {

        if (button.dataset.action === 'popup') {
            button.addEventListener('click', () => {
                containsPopup();
            });
        }
    });
};

const openPopup = () => {
    const popup = document.querySelector('[data-widget="popup"]');

    if (!popup) {
        return;
    }

    popup.classList.add('open');
};

const closePopup = () => {
    const popup = document.querySelector('[data-widget="popup"]');

    if (!popup) {
        return
    }

    popup.classList.remove('open');
};


const containsPopup = () => {
    const popup = document.querySelector('[data-widget="popup"]');

    popup.classList.contains('open') ? closePopup() : openPopup();
};

export default Popup;