"use client";

export default function GlobalError({ error, reset }: { error: Error & { digest?: string }; reset: () => void }) {
  return (
    <div className="grid min-h-[70vh] place-items-center px-6 text-center">
      <div>
        <p className="text-6xl">⚠️</p>
        <h1 className="mt-4 text-2xl font-bold">Something went wrong</h1>
        <p className="mt-2 max-w-md text-sm text-muted">{error.message || "An unexpected error occurred."}</p>
        <button onClick={reset} className="mt-5 rounded-full bg-brand px-5 py-2 font-semibold text-white">Try again</button>
      </div>
    </div>
  );
}