Modularized notification toast and menu components.

modules/menus/notifications/notification/placeholder/index.js

@@ -0,0 +1,27 @@
+const Placeholder = (notifs) => {
+  return Widget.Box({
+    class_name: "notification-label-container",
+    vpack: "fill",
+    hpack: "center",
+    expand: true,
+    child: Widget.Box({
+      vpack: "center",
+      vertical: true,
+      expand: true,
+      children: [
+        Widget.Label({
+          vpack: "center",
+          class_name: "placeholder-label dim bell",
+          label: notifs.bind("dnd").as((dnd) => (dnd ? "󰂛" : "󰂚")),
+        }),
+        Widget.Label({
+          vpack: "start",
+          class_name: "placehold-label dim message",
+          label: "You're all caught up :)",
+        }),
+      ],
+    }),
+  });
+};
+
+export { Placeholder };