import {FC} from "react";
import {useNavigate} from 'react-router-dom';
import {NavigateOptions} from "react-router/dist/lib/context";
import './DEBUG.css'

const DEBUG: FC = () =>  {
    const navigate = useNavigate()
    const handleClick = (link: string, options: NavigateOptions) => {
        navigate(link, options);
    }

    return (
        <div className='container'>
            <button onClick={() => handleClick('/verify-email', {
                state: {
                    email: 'akastijn@alttd.com'
                }
            })}>Verify Email Debug</button>
            <button onClick={() => handleClick('/thank-you', {
                state: {
                    formData: {
                        row1: 'This is some text',
                        row2: 'This is text as well',
                        row3: 'And finally, here is even more text!'
                    }
                }
            })}>Thank You Debug</button>
            {/*<button onClick={() => handleClick('/page3', {})}>Page 3</button>*/}
        </div>
    )
}

export default DEBUG;