"use client";

export default function ErrorPage({
  error,
  reset,
}: {
  error: Error & { digest?: string };
  reset: () => void;
}) {
  return (
    <main className="container-x py-24 text-center">
      <p className="eyebrow">Error</p>
      <h1 className="serif mt-2 text-3xl">Something went wrong.</h1>
      <p className="muted mt-3 text-sm">
        {error.digest ? `Reference ${error.digest}` : "An unexpected error occurred."}
      </p>
      <button type="button" className="btn mt-6" onClick={reset}>
        Try again
      </button>
    </main>
  );
}