'use client';

export default function ErrorPage({ error, reset }: { error: Error & { digest?: string }; reset: () => void }) {
  return (
    <div className="py-10">
      <p className="ci-kicker mb-2">Error</p>
      <h1 className="text-3xl">Something went wrong rendering this page</h1>
      <p className="mt-2 max-w-2xl text-[14px] text-ink-2">The database may be unreachable or the query failed. Nothing was invented to fill the gap; please retry.</p>
      {error.digest ? <p className="ci-mono mt-2 text-[12px] text-ink-3">digest {error.digest}</p> : null}
      <button type="button" onClick={reset} className="mt-4 border border-rule-strong px-3 py-1.5 text-[14px] hover:border-accent hover:text-accent">
        Retry
      </button>
    </div>
  );
}