'use client';

export default function Error({
    reset,
}: {
    error: Error & { digest?: string };
    reset: () => void;
}) {
    return (
        <div className="page-frame flex min-h-[60vh] flex-col items-center justify-center px-6 text-center">
            <h1 className="mb-4 text-4xl font-medium text-ink">
                Something went wrong
            </h1>
            <p className="mb-8 text-lg text-muted">
                Refresh the page or try again.
            </p>
            <button
                onClick={reset}
                className="rounded-md border border-line bg-paper-strong px-4 py-2 text-sm font-medium text-ink transition-colors hover:border-line-strong hover:text-accent"
            >
                Try again
            </button>
        </div>
    );
}
