import Heading from '@/components/heading'; import { Button } from '@/components/ui/button'; import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card'; import { Head, Link } from '@inertiajs/react'; import { CheckCircle2, ArrowRight } from 'lucide-react'; interface Props { amount: number; transactionId?: string; paymentId?: string; gateway?: string; } export default function PaymentSuccess({ amount = 0, transactionId, paymentId, gateway }: Props) { return ( <>

Payment Successful! Your account has been credited with ${Number(amount).toFixed(2)} {transactionId && (

Transaction ID

{transactionId}

)} {paymentId && (

{gateway === 'razorpay' ? 'Razorpay' : 'Stripe'} Payment ID

{paymentId}

)}

); }