import { Bell } from "lucide-react";
import { lazyWithPreload } from "../../lib/lazyWithPreload";
import type { ModuleDef } from "../../lib/moduleDef";

// This page as the shell and the navigation know it (lib/moduleDef). Its page loads lazily.
export const notificationsModule: ModuleDef = {
  id: "notifications",
  labelKey: "inbox.navLabel",
  railKey: "nav.rail.notifications",
  icon: Bell,
  hasBadge: true,
  Page: lazyWithPreload(() => import("./NotificationsPanel")),
  maxWidth: "48rem",
  urlKeys: [],
};