/**
 * /settings/notifications — push opt-in + per-channel notification matrix.
 *
 * Dedicated page for what used to be the "Notifications" section on the old
 * /settings screen. Push goes to every device where the toggle is on.
 */

import { PushToggle } from "@/components/push/push-toggle";
import { NotificationMatrix } from "@/components/notifications/notification-matrix";
import { SettingsShell } from "@/components/settings/settings-ui";

export default function NotificationSettingsPage() {
  return (
    <SettingsShell
      backHref="/settings"
      backLabel="Settings"
      title="Notifications"
      description="Choose what reaches you on each channel. Push goes to every device where you've turned it on."
    >
      <div className="space-y-4">
        <PushToggle />
        <NotificationMatrix />
      </div>
    </SettingsShell>
  );
}