"use client";

export default function Error({
  reset,
}: {
  error: Error & { digest?: string };
  reset: () => void;
}) {
  return (
    <div className="text-center py-12">
      <h1 className="text-4xl font-bold mb-4">Something went wrong</h1>
      <p className="text-[var(--muted-foreground)] mb-6">
        An error occurred while loading this page.
      </p>
      <button
        onClick={() => reset()}
        className="inline-block px-6 py-3 bg-[var(--primary)] text-[var(--primary-foreground)] rounded-lg font-medium hover:opacity-90 transition-opacity"
      >
        Try Again
      </button>
    </div>
  );
}