26 lines
851 B
TypeScript
26 lines
851 B
TypeScript
|
'use client';
|
||
|
|
|
||
|
|
export default function Error({
|
||
|
|
reset,
|
||
|
|
}: {
|
||
|
|
error: Error & { digest?: string };
|
||
|
|
reset: () => void;
|
||
|
|
}) {
|
||
|
|
return (
|
||
|
|
<div className="min-h-[60vh] flex flex-col items-center justify-center px-6 text-center animate-fade-in">
|
||
|
|
<h1 className="text-4xl font-bold tracking-tight text-zinc-900 dark:text-zinc-50 mb-4">
|
||
|
|
Something went wrong
|
||
|
|
</h1>
|
||
|
|
<p className="text-lg text-zinc-500 dark:text-zinc-400 mb-8">
|
||
|
|
An unexpected error occurred.
|
||
|
|
</p>
|
||
|
|
<button
|
||
|
|
onClick={reset}
|
||
|
|
className="text-sm font-medium px-4 py-2 rounded bg-zinc-900 dark:bg-zinc-100 text-zinc-50 dark:text-zinc-900 hover:opacity-80 transition-opacity"
|
||
|
|
>
|
||
|
|
Try again
|
||
|
|
</button>
|
||
|
|
</div>
|
||
|
|
);
|
||
|
|
}
|