hyprland client widget

widget/Hyprland/client.tsx

@@ -0,0 +1,14 @@
+import { bind } from "astal";
+import Hyprland from "gi://AstalHyprland";
+
+const hyprland = Hyprland.get_default();
+
+function Client() {
+  return (
+    <label
+      label={bind(hyprland, "focused_client").as((fc) => fc.initialTitle)}
+    />
+  );
+}
+
+export default Client;

widget/Hyprland/index.ts

@@ -0,0 +1,7 @@
+import Client from "./client";
+
+const Hyprland = {
+  Client,
+};
+
+export default Hyprland;