export function handleArticleToolbar() {
  observeTabsButtons();
}

function observeTabsButtons(): void {
  const toolbarButtons = document.querySelectorAll('#article-toolbar button');

  toolbarButtons.forEach((toolbarButton) => {
    toolbarButton.addEventListener('click', () => {
      resetToolbarButtons();
      toolbarButton.setAttribute('aria-selected', 'true');
    });
  });
}

function resetToolbarButtons(): void {
  const toolbarButtons = document.querySelectorAll('#article-toolbar button');
  toolbarButtons.forEach((toolbarButton) => {
    toolbarButton.setAttribute('aria-selected', 'false');
  });
}