import Widget from "resource:///com/github/Aylur/ags/widget.js";
import Battery from "resource:///com/github/Aylur/ags/service/battery.js";

export default () =>
  Widget.Icon({
    class_name: "battery",
    binds: [["icon", Battery, "icon-name"]],
    connections: [
      [
        Battery,
        (icon) => {
          icon.toggleClassName("charging", Battery.charging);
          icon.toggleClassName("charged", Battery.charged);
          icon.toggleClassName("low", Battery.percent < 30);
        },
      ],
    ],
  });