/* eslint-disable unicorn/prefer-module */
;
(() => {
    const menuTabElements = document.querySelectorAll('.menu a');
    const tabContainerElements = document.querySelectorAll('.tabs-container > div');
    function selectTab(clickEvent) {
        clickEvent.preventDefault();
        // Remove .is-active from all tabs
        for (const menuTabElement of menuTabElements) {
            menuTabElement.classList.remove('is-active');
        }
        // Set .is-active on clicked tab
        const selectedTabElement = clickEvent.currentTarget;
        selectedTabElement.classList.add('is-active');
        // Hide all but selected tab
        const selectedTabContainerId = selectedTabElement.href.slice(Math.max(0, selectedTabElement.href.indexOf('#') + 1));
        for (const tabContainerElement of tabContainerElements) {
            if (tabContainerElement.id === selectedTabContainerId) {
                tabContainerElement.classList.remove('is-hidden');
            }
            else {
                tabContainerElement.classList.add('is-hidden');
            }
        }
    }
    for (const menuTabElement of menuTabElements) {
        menuTabElement.addEventListener('click', selectTab);
    }
})();