import {useSearchParams} from "react-router-dom";

export function PaymentError () {
    const [searchParams, setSearchParams] = useSearchParams();

    const error = searchParams.get("error");

    return <div className="container">
        <div className="row">
            <div className="col-md-12" style={{textAlign: "center"}}>
                <h1>Erreur de paiement😕</h1>
                <p>Une erreur est survenue lors du traitement de votre paiement. Veuillez réessayer plus tard.</p>
                <p><strong>Message d'erreur :</strong> {error}</p>

                <button className="btn btn-primary" onClick={() => navigate("/club/member")} style={{marginTop: "0.5rem"}}>Retour à la liste de membres</button>
            </div>
        </div>
    </div>;
}
