From 0324660a26684a5382b2c6c18cd0a4e9f0169631 Mon Sep 17 00:00:00 2001
From: Josh Kingsley <josh@joshkingsley.me>
Date: Sun, 26 Oct 2025 14:28:55 +0200
Subject: feat(web): add dummy toolbar + tailwindcss colors

---
 web/src/components/toolbar/index.ts | 24 ++++++++++++++++++++++++
 1 file changed, 24 insertions(+)
 create mode 100644 web/src/components/toolbar/index.ts

(limited to 'web/src/components/toolbar/index.ts')

diff --git a/web/src/components/toolbar/index.ts b/web/src/components/toolbar/index.ts
new file mode 100644
index 0000000..d844a69
--- /dev/null
+++ b/web/src/components/toolbar/index.ts
@@ -0,0 +1,24 @@
+import h, { CreateElement } from "../../html";
+import "./index.css";
+
+class NotiveToolbarElement extends HTMLElement {
+  connectedCallback() {
+    this.append(
+      h.section(
+        h.button({ dataset: { variant: "menu" } }, "File"),
+        h.button({ dataset: { variant: "menu" } }, "Edit"),
+        h.button({ dataset: { variant: "menu" } }, "Format"),
+      ),
+      h.section(
+        h.button({ dataset: { variant: "icon" } }, "-"),
+        h.input({ type: "text", value: "1" }),
+        h.button({ dataset: { variant: "icon" } }, "+"),
+      ),
+    );
+  }
+}
+
+customElements.define("ntv-toolbar", NotiveToolbarElement);
+
+export default ((...args: any[]): NotiveToolbarElement =>
+  (h as any)["ntv-toolbar"](...args)) as CreateElement<NotiveToolbarElement>;
-- 
cgit v1.2.3