"use client";

export default function Error({ error, reset }) {
  return (
    <div
      className="flex flex-col items-center justify-center gap-4 min-h-[60vh] p-8 text-center"
      dir="rtl"
    >
      <p className="text-[#3B3B3B] text-[16px] font-bold">مشکلی پیش آمد.</p>
      <p className="text-[#616161] text-[14px]">لطفاً دوباره تلاش کنید.</p>
      <button
        onClick={() => reset()}
        className="px-6 py-2 rounded-full bg-[#3B3B3B] text-white text-[14px] font-medium"
      >
        تلاش دوباره
      </button>
    </div>
  );
}