import type { Metadata } from "next";
import { PushSubscribeButton } from "@/components/pwa/push-subscribe-button";

export const metadata: Metadata = { title: "Notifications – Settings" };

export default function NotificationsPage() {
  return (
    <div className="space-y-8">
      <section className="rounded-xl border p-6 space-y-4">
        <div>
          <h2 className="font-semibold text-lg">Push Notifications</h2>
          <p className="text-sm text-muted-foreground mt-1">
            Get notified when someone comments on your recipes or likes your content.
          </p>
        </div>
        <PushSubscribeButton />
      </section>
    </div>
  );
}