"use client";

import { useRouter } from "next/navigation";

export default function PaymentCancelPage() {
  const router = useRouter();

  return (
    <div className="min-h-screen flex items-center justify-center bg-[#fafafa] px-4">
      <div className="bg-white w-full max-w-lg rounded-2xl shadow-md p-8 text-center">
        <h1 className="text-2xl font-bold text-basic-color mb-4">
          تم إلغاء عملية الدفع
        </h1>

        <p className="text-gray-600 mb-6">
          تم إلغاء عملية الدفع من قبل المستخدم.
        </p>

        <button
          onClick={() => router.push("/")}
          className="px-5 py-3 rounded-xl text-white font-medium"
          style={{ background: "#FF2B77" }}
        >
          العودة للرئيسية
        </button>
      </div>
    </div>
  );
}