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

const AccountActivateConfirmation = ({
    activateAccount,
    isShowing,
    token,
    userId,
    onDismiss,
}) => {
    const onConfirm = () => activateAccount?.({userId, token})

    return (
        <ConfirmationTemplate
            body="Your account was previously deactivated – do you want to reactivate it?"
            confirmText="Reactivate"
            header="Account Reactivation"
            isShowing={isShowing}
            variant="positive"
            onConfirm={onConfirm}
            onDismiss={onDismiss}
        />
    )
}

AccountActivateConfirmation.propTypes = {
    activateAccount: PropTypes.func,
    isShowing: PropTypes.bool,
    token: PropTypes.string,
    userId: PropTypes.string,
    onDismiss: PropTypes.func,
}

export default AccountActivateConfirmation