From 8188ba855712ca912d91887c37e33c0e67f64852 Mon Sep 17 00:00:00 2001
From: Nonimart <martinon.toinou@protonmail.com>
Date: Tue, 24 Jun 2025 15:23:01 +0200
Subject: [PATCH] FEATURE Introducing the component and basic active buttons
 features

---
 resources/js/singles/article-toolbar.ts | 21 +++++++++++++++++++++
 1 file changed, 21 insertions(+)
 create mode 100644 resources/js/singles/article-toolbar.ts

diff --git a/resources/js/singles/article-toolbar.ts b/resources/js/singles/article-toolbar.ts
new file mode 100644
index 0000000..687ecf3
--- /dev/null
+++ b/resources/js/singles/article-toolbar.ts
@@ -0,0 +1,21 @@
+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');
+  });
+}