"use client";

export default function GlobalError({
  error,
  unstable_retry,
}: {
  error: Error & { digest?: string };
  unstable_retry: () => void;
}) {
  return (
    <html lang="nl">
      <body className="flex items-center justify-center min-h-screen bg-slate-50 font-sans">
        <div className="text-center p-8">
          <div className="text-4xl mb-4">⚠️</div>
          <h1 className="text-xl font-semibold text-slate-800 mb-2">Notary.AI — kritieke fout</h1>
          <p className="text-sm text-slate-500 mb-6 max-w-sm">
            {error.message || "De applicatie kon niet worden geladen."}
          </p>
          <button
            onClick={unstable_retry}
            className="text-sm bg-brand-600 text-white px-4 py-2 rounded-md shadow-sm hover:bg-brand-700 transition-colors"
          >
            Opnieuw proberen
          </button>
        </div>
      </body>
    </html>
  );
}
