refactor: make the whole thing more generic

modules/home-manager/desktops/hyprland/ags/js/misc/FontIcon.js

@@ -0,0 +1,48 @@
+import Gtk from "gi://Gtk?version=3.0";
+import { subclass, register } from "resource:///com/github/Aylur/ags/widget.js";
+import AgsLabel from "resource:///com/github/Aylur/ags/widgets/label.js";
+
+class FontIcon extends AgsLabel {
+  static {
+    register(this);
+  }
+
+  /** @param {string | import('types/widgets/label').Props<any> & { icon?: string }} params */
+  constructor(params = "") {
+    // @ts-expect-error
+    const { icon = "", ...rest } = params;
+
+    super(typeof params === "string" ? {} : rest);
+    this.toggleClassName("font-icon");
+
+    if (typeof params === "object") this.icon = icon;
+
+    if (typeof params === "string") this.icon = params;
+  }
+
+  get icon() {
+    return this.label;
+  }
+  set icon(icon) {
+    this.label = icon;
+  }
+
+  get size() {
+    return this.get_style_context().get_property(
+      "font-size",
+      Gtk.StateFlags.NORMAL,
+    );
+  }
+
+  /** @returns {[number, number]} */
+  vfunc_get_preferred_height() {
+    return [this.size, this.size];
+  }
+
+  /** @returns {[number, number]} */
+  vfunc_get_preferred_width() {
+    return [this.size, this.size];
+  }
+}
+
+export default subclass(FontIcon);