; (function (root, factory) {
    root.MyTab = factory();
}(typeof self !== 'undefined' ? self : this, function () {

    function init(tabMenuId, tabContentId) {
        let tabMenu = document.getElementById(tabMenuId);
        let tabContent = document.getElementById(tabContentId);

        let menuItems = Array.from(tabMenu.querySelectorAll('a'));
        menuItems.forEach(function (link) {
            link.addEventListener('click', function (e) {
                e.preventDefault();
                menuItems.forEach(function (link) {
                    if (link.classList.contains('active')) {
                        link.classList.remove('active');
                    }
                });
                link.classList.add('active');

                let tabItems = Array.from(tabContent.children);
                tabItems.forEach(function (tab) {
                    tab.style.display = link.dataset.key == tab.dataset.key ? 'block' : 'none';
                });
            });
        });
    }

    return {
        init: init
    }
}));