From 47602a7cb4a5f3f63e5c812b95ac66004469dadc Mon Sep 17 00:00:00 2001
From: Mora Unie Youer <mora_unie_youer@riseup.net>
Date: Sun, 2 Mar 2025 12:14:41 +0300
Subject: feat: initial commit

---
 widget/Bar.tsx | 36 ++++++++++++++++++++++++++++++++++++
 1 file changed, 36 insertions(+)
 create mode 100644 widget/Bar.tsx

(limited to 'widget/Bar.tsx')

diff --git a/widget/Bar.tsx b/widget/Bar.tsx
new file mode 100644
index 0000000..c2db8c5
--- /dev/null
+++ b/widget/Bar.tsx
@@ -0,0 +1,36 @@
+import { App, Astal, Gtk, Gdk } from "astal/gtk4"
+import { Variable } from "astal"
+
+const time = Variable("").poll(1000, "date")
+
+export default function Bar(gdkmonitor: Gdk.Monitor) {
+    const { TOP, LEFT, RIGHT } = Astal.WindowAnchor
+
+    return <window
+        visible
+        cssClasses={["Bar"]}
+        gdkmonitor={gdkmonitor}
+        exclusivity={Astal.Exclusivity.EXCLUSIVE}
+        anchor={TOP | LEFT | RIGHT}
+        application={App}>
+        <centerbox cssName="centerbox">
+            <button
+                onClicked="echo hello"
+                hexpand
+                halign={Gtk.Align.CENTER}
+            >
+                Welcome to AGS!
+            </button>
+            <box />
+            <menubutton
+                hexpand
+                halign={Gtk.Align.CENTER}
+            >
+                <label label={time()} />
+                <popover>
+                    <Gtk.Calendar />
+                </popover>
+            </menubutton>
+        </centerbox>
+    </window>
+}
-- 
cgit v1.2.3-70-g09d2

