"use client";

export default function Error({
    reset,
}: {
    error: Error & { digest?: string };
    reset: () => void;
}) {
    return (
        <div className="mx-auto flex w-full max-w-4xl flex-1 flex-col items-center justify-center gap-4 px-5 py-20 text-center">
            <p className="font-mono text-sm text-blurple-soft">{"// 500"}</p>
            <h2 className="text-2xl font-bold">Bir şeyler ters gitti / Something went wrong</h2>
            <button
                type="button"
                onClick={reset}
                className="rounded-full bg-blurple px-6 py-3 text-sm font-semibold text-white transition-colors hover:bg-blurple-soft hover:text-void"
            >
                Tekrar dene / Retry
            </button>
        </div>
    );
}