Как сделать несколько блоков с табами?

Question

[OleksiiKK]

Есть страница, в ней 3 блока с табами.

Есть такой код:

const tabs = document.querySelectorAll(".work__li");
const tabContents = document.querySelectorAll(".work__tab-wrapper3");

tabs.forEach((tab) => {
  tab.addEventListener("click", () => {
    const target = document.querySelector(tab.dataset.tabTarget);
    tabContents.forEach((tabContent) => {
      tabContent.classList.remove("active");
    });
    tabs.forEach((tab) => {
      tab.classList.remove("active");
    });
    tab.classList.add("active");
    target.classList.add("active");
  });
});

Если дублировать код, и менять имена классов, то работают только последние табы. Как сделать этот кусок кода универсальным для всех табов на странице?