'use client'

import { useEffect } from 'react'

export default function GlobalError({ error, reset }: { error: Error; reset: () => void }) {
  // Ensure the page does not depend on any context or Supabase client.
  useEffect(() => {
    console.error('Global error caught:', error)
  }, [error])

  return (
    <div className="min-h-screen bg-[#020617] text-white flex items-center justify-center p-8">
      <div className="max-w-lg space-y-4 text-center">
        <h1 className="text-4xl font-extrabold">Ein unerwarteter Fehler ist aufgetreten</h1>
        <p className="text-slate-300">
          Bitte versuchen Sie die Seite zu aktualisieren oder kontaktieren Sie den Support.
        </p>
        <button
          onClick={reset}
          className="mt-4 px-6 py-2 bg-primary text-white rounded hover:bg-primary/90"
        >
          Seite neu laden
        </button>
      </div>
    </div>
  )
}