import Widget from "resource:///com/github/Aylur/ags/widget.js";
import Notifications from "resource:///com/github/Aylur/ags/service/notifications.js";
import icons from "../../icons.js";
import { SimpleToggleButton } from "../ToggleButton.js";

export default () =>
  SimpleToggleButton({
    icon: Widget.Icon({
      connections: [
        [
          Notifications,
          (icon) => {
            icon.icon = Notifications.dnd
              ? icons.notifications.silent
              : icons.notifications.noisy;
          },
          "notify::dnd",
        ],
      ],
    }),
    toggle: () => (Notifications.dnd = !Notifications.dnd),
    connection: [Notifications, () => Notifications.dnd],
  });