import { CheckCircle } from "lucide-react";

const OrderSuccessCard = ({ children }) => {
  return (
    <div className="bg-white max-w-lg w-full rounded-2xl shadow-xl p-8 text-center">
      <CheckCircle className="mx-auto text-green-500 w-20 h-20 mb-4" />
      <h1 className="text-2xl font-bold mb-2">
        Order Placed Successfully 🎉
      </h1>
      <p className="text-gray-600 mb-6">
        Thank you for your purchase. Your order has been confirmed.
      </p>
      {children}
    </div>
  );
};

export default OrderSuccessCard;
