import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card'; import { useTranslation } from '@/hooks/use-translation'; import { Head } from '@inertiajs/react'; import { CheckCircle2, XCircle } from 'lucide-react'; interface ReturnProps { paid: boolean; status: string; orderNumber: string; amount: number; currency: string; } export default function Return({ paid, orderNumber, amount, currency }: ReturnProps) { const { t } = useTranslation(); const title = paid ? t('clictopay', 'return_success_title') : t('clictopay', 'return_failed_title'); const message = paid ? t('clictopay', 'return_success_message') : t('clictopay', 'return_failed_message'); return ( <>
The Landlord
{paid ? ( ) : ( )}
{title}

{message}

{t('clictopay', 'return_order_number')} {orderNumber}
{t('clictopay', 'return_amount')} {amount.toFixed(3)} {currency}
); }