const Controls = (notifs) => {
    return Widget.Box({
        class_name: "notification-menu-controls",
        expand: false,
        vertical: false,
        children: [
            Widget.Box({
                class_name: "menu-label-container notifications",
                hpack: "start",
                vpack: "center",
                expand: true,
                children: [
                    Widget.Label({
                        class_name: "menu-label notifications",
                        label: "Notifications",
                    }),
                ],
            }),
            Widget.Box({
                hpack: "end",
                vpack: "center",
                expand: false,
                children: [
                    Widget.Switch({
                        class_name: "menu-switch notifications",
                        active: notifs.bind("dnd").as((dnd: boolean) => !dnd),
                        on_activate: ({ active }) => {
                            notifs.dnd = !active;
                        },
                    }),
                    Widget.Box({
                        children: [
                            Widget.Separator({
                                hpack: "center",
                                vexpand: true,
                                vertical: true,
                                class_name: "menu-separator notification-controls",
                            }),
                            Widget.Button({
                                class_name: "clear-notifications-button",
                                tooltip_text: "Clear Notifications",
                                on_primary_click: () => notifs.clear(),
                                child: Widget.Label({
                                    class_name: "clear-notifications-label",
                                    label: "",
                                }),
                            }),
                        ],
                    }),
                ],
            }),
        ],
    });
};

export { Controls };