ags: finish center-window widget with big-media and calendar

ags/window/Runner.ts

@@ -0,0 +1,37 @@
+import { Variable } from "astal";
+import { Astal, Gtk, Widget } from "astal/gtk3";
+
+// TODO
+
+export interface RunnerProps {
+    anchor?: Astal.WindowAnchor;
+    width?: number;
+    height?: number;
+    entryPlaceHolder?: string;
+    resultsPlaceholder?: Array<Gtk.Widget>;
+}
+
+export function Runner(props?: RunnerProps) {
+
+    const entryText: Variable<string> = new Variable<string>("");
+
+    const resultsBox: Widget.Box = new Widget.Box({
+        className: "results",
+        
+    } as Widget.BoxProps);
+
+    return new Widget.Window({
+        namespace: "runner",
+        widthRequest: props?.width || 600,
+        heightRequest: props?.height || 500,
+        child: new Widget.Box({
+            className: "main",
+            children: [
+                new Widget.Entry({
+                    className: "search",
+                    onChanged: (entry) => entryText.set(entry.text),
+                } as Widget.EntryProps),
+            ]
+        } as Widget.BoxProps)
+    } as Widget.WindowProps);
+}