import React from 'react'
import PropTypes from 'prop-types'
import ConfirmationTemplate from 'react-uikit/alert/templates/confirmation'

const ResendVerifyEmailConfirmation = ({
    continueUrl,
    email,
    isShowing,
    password,
    sendVerificationEmail,
    onDismiss,
}) => {
    const onConfirm = () =>
        sendVerificationEmail?.({continueUrl, email, password})

    return (
        <ConfirmationTemplate
            body="Please access the verification link sent to your inbox to verify your account – if you cannot find the email, we can resend it."
            confirmText="Resend"
            header="Unverified Account"
            isShowing={isShowing}
            variant="positive"
            onConfirm={onConfirm}
            onDismiss={onDismiss}
        />
    )
}

ResendVerifyEmailConfirmation.propTypes = {
    continueUrl: PropTypes.string,
    email: PropTypes.string,
    isShowing: PropTypes.bool,
    password: PropTypes.string,
    sendVerificationEmail: PropTypes.func,
    onDismiss: PropTypes.func,
}

export default ResendVerifyEmailConfirmation