"use client";

export default function Error({ error, reset }: { error: Error; reset: () => void }) {
  return (
    <div className="min-h-[70vh] flex flex-col items-center justify-center text-center px-6">
      <div className="text-6xl mb-6">😬</div>
      <h1 className="text-2xl font-bold mb-3">یه مشکلی پیش اومد</h1>
      <p className="text-gray-500 mb-8 text-sm">{error.message}</p>
      <button onClick={reset} className="bg-green-700 text-white px-6 py-3 rounded-xl font-bold hover:bg-green-800 transition">
        دوباره امتحان کن
      </button>
    </div>
  );
}
