init

packages/ags/config/modules/quicksettings/widgets/Brightness.js

@@ -0,0 +1,23 @@
+import icons from "../../../lib/icons.js"
+import brightness from "../../../services/brightness.js"
+
+const BrightnessSlider = () => Widget.Slider({
+  draw_value: false,
+  hexpand: true,
+  value: brightness.bind("screen"),
+  on_change: ({ value }) => brightness.screen = value,
+})
+
+export const Brightness = () => Widget.Box({
+  class_name: "brightness",
+  children: [
+    Widget.Button({
+      vpack: "center",
+      child: Widget.Icon(icons.brightness.indicator),
+      on_clicked: () => brightness.screen = 0,
+      tooltip_text: brightness.bind("screen").as(v =>
+        `Screen Brightness: ${Math.floor(v * 100)}%`),
+    }),
+    BrightnessSlider(),
+  ],
+})