import icons from "lib/icons"
import PanelButton from "../PanelButton"
import options from "options"

const n = await Service.import("notifications")
const notifs = n.bind("notifications")
const action = options.bar.messages.action.bind()

export default () => PanelButton({
    class_name: "messages",
    on_clicked: action,
    visible: notifs.as(n => n.length > 0),
    child: Widget.Box([
        Widget.Icon(icons.notifications.message),
    ]),
})