import React from 'react';
import Link from 'next/link';
import { useTranslation } from 'next-i18next';

const ClickHandler = () => {
    window.scrollTo(10, 0);
}

const CustomDonors = () => {
    const { t } = useTranslation('(home)/homeCalltoAction');

    return (
        <section className="wpo-donors-section section-padding pb-0">
            <div className="container">
                <div className="wpo-donors-wrap">
                    <div className="row align-items-center">
                        <div className="col-lg-12">
                            <h2>Para cambiar al idioma español, haz clic en la opción en la parte superior derecha del encabezado.</h2>
                        </div>
                        {/* <div className="col-lg-6">
                            <div className="donors-btn">
                                <Link onClick={ClickHandler} href="/donate">$10 Donation</Link>
                                <Link href="/contact">{t('donorsButton')}</Link>
                            </div>
                        </div> */}
                    </div>
                </div>
            </div>
        </section>
    );
}

export default CustomDonors;