export const Tabs = () => {
    const tabs = document.querySelectorAll('[data-widget="tabs"]');

    if (!tabs) return;

    tabs.forEach(item => {

        const name = item.dataset.name;

        const btn = item.querySelectorAll(`[data-active="tabs-${name}"]`);
        const content = item.querySelectorAll(`[data-content="tabs-${name}"]`);

        btn.forEach(itemBtn => {
            itemBtn.addEventListener('click', () => {

                btn.forEach(el => {el.classList.remove('active')});
                itemBtn.classList.add('active');

                const path = itemBtn.dataset.tab;

                content.forEach(el => {el.classList.remove('active')});

                document.querySelector(`[data-tab-content="${path}"]`).classList.add('active');
            });
        });
    });
}