import React, { useEffect } from 'react'
import PropTypes from 'prop-types'
import { Formik, Form } from 'formik'
import { Persist } from 'formik-persist'
import * as Yup from 'yup'
import FormikControl from '../FormikControls'
import ButtonPrimary from '../controls/ButtonPrimary'
import ButtonSecondary from '../controls/ButtonSecondary'
import { FormLogin } from './FormLogin'
import { SubmitFormResult } from '../SubmitFormResult';
export const FormPasswordRecovery = (props) => {
const { setPopupTitle, setPopupContent, setPopupOpened, close } = props
useEffect(() => {
if (setPopupTitle) { setPopupTitle('Forgotten password recovery') }
})
const initialValues = {
email: '',
}
const validationSchema = Yup.object({
email: Yup.string()
.required('Required')
.email('Must be a valid email address'),
})
const onSubmit = values => {
setPopupOpened(false)
setTimeout(() => {
setPopupContent()
setPopupOpened(true)
}, 200);
}
const goLogin = () => {
setPopupOpened(false)
setTimeout(() => {
setPopupContent()
setPopupOpened(true)
}, 200);
}
return (
{formik => {
return (
)
}}
)
}
FormPasswordRecovery.propTypes = {
setPopupTitle: PropTypes.func,
setPopupContent: PropTypes.func,
setPopupOpened: PropTypes.func,
close: PropTypes.func,
}