Notification Triage Panel

import {
  NotificationTriagePanel,
  type TriageNotification,
} from "@/components/ui/notification-triage-panel";

const notifications: TriageNotification[] = [
  {
    id: "1",
    title: "Aria 提到了你",
    description: "在討論串回覆了你的留言。",
    source: "Slack",
    accent: "violet",
    timestamp: Date.now() - 4 * 60_000,
  },
  {
    id: "2",
    title: "PR #482 等待你的審查",
    source: "GitHub",
    accent: "green",
    read: true,
    timestamp: Date.now() - 42 * 60_000,
  },
];

export function Example() {
  const [items, setItems] = React.useState(notifications);

  return (
    <NotificationTriagePanel
      notifications={items}
      onNotificationsChange={setItems}
      groupBy="date"
    />
  );
}