window.addEventListener('load', () => {
    const lang = document.querySelector('.lang');
    if (!lang) return;

    const btnLang = lang.querySelector('.lang__btn');
    const listLang = lang.querySelector('.lang__list');

    // btnLang.addEventListener('click', () => {
    //     isOpen() ? close() : open();
    // });

    btnLang.addEventListener('mouseover', () => {
        open();
    });

    btnLang.addEventListener('mouseout', () => {
        close();
    });

    listLang.addEventListener('mouseover', () => {
        open();
    });

    listLang.addEventListener('mouseout', () => {
        close();
    });

    const isOpen = () => {
        return lang.classList.contains('lang_active');
    }

    const open = () => {
        lang.classList.add('lang_active');
        setTimeout(() => {
            lang.classList.add('lang_animation');
        }, 600);
    }

    const close = () => {
        lang.classList.remove('lang_active');
    }
});