import React from 'react'
import PropTypes from 'prop-types'
import Alert from 'react-uikit/alert'

const AccountDeactivation = ({
    deactivateAccount,
    isShowing,
    user,
    onDismiss,
}) => {
    const onClick = () => deactivateAccount({userId: user.id})

    return (
        <Alert
            header="Account Deactivation"
            body="We're sorry to see you go! Log back in anytime with the same email to reactivate your account."
            isShowing={isShowing}
            type="success"
            onDismiss={onDismiss}
        >
            <Alert.Header />
            <Alert.Body />
            <Alert.Button
                variant="success"
                dismissOnClick
                isOutline
                text="Bye!"
                onClick={onClick}
            />
        </Alert>
    )
}

AccountDeactivation.propTypes = {
    deactivateAccount: PropTypes.func,
    isShowing: PropTypes.bool,
    user: PropTypes.shape({
        id: PropTypes.string,
    }),
    onDismiss: PropTypes.func,
}

export default AccountDeactivation