'use client';

export default function Error({ error, reset }: { error: Error & { digest?: string }; reset: () => void }) {
  return (
    <div className="flex min-h-screen flex-col items-center justify-center px-5 text-center">
      <h1 className="text-xl font-semibold">Something went wrong</h1>
      <p className="muted mt-2 text-sm">{error.message || 'An unexpected error occurred.'}</p>
      <button type="button" className="btn-primary mt-8" onClick={reset}>
        Try again
      </button>
    </div>
  );
}