import { Truck, Home } from "lucide-react";
import { useNavigate } from "react-router-dom";

const SuccessActions = ({ orderId }) => {
  const navigate = useNavigate();

  return (
    <div className="flex gap-4 mt-6">
      <button
        onClick={() =>
          navigate("/track-order", { state: { orderId } })
        }
        className="flex-1 flex items-center justify-center gap-2 py-3 rounded-xl bg-primary-default text-white font-semibold hover:bg-primary-dark transition"
      >
        <Truck /> Track Order
      </button>

      <button
        onClick={() => navigate("/")}
        className="flex-1 flex items-center justify-center gap-2 py-3 rounded-xl border font-semibold hover:bg-gray-50 transition"
      >
        <Home /> Home
      </button>
    </div>
  );
};

export default SuccessActions;
