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

const SubscriptionCancelAlert = ({
    cancelSubscriptions,
    id,
    isShowing,
    onDismiss,
    userId,
}) => (
    <ConfirmationTemplate
        body="Are you sure you want to cancel your subscription?"
        cancelText="No"
        confirmText="Yes"
        header="Are you sure?"
        isShowing={isShowing}
        variant="negative"
        onConfirm={() => cancelSubscriptions({userId, id})}
        onDismiss={onDismiss}
    />
)

SubscriptionCancelAlert.propTypes = {
    ...ConfirmationTemplate.propTypes,
    cancelSubscriptions: PropTypes.func,
}

export default SubscriptionCancelAlert