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

const OrderCancelConfirmation = ({
    cancelOrder,
    isShowing,
    orderId,
    portfolioId,
    onDismiss,
}) => {
    const onConfirm = () => cancelOrder && cancelOrder({orderId, portfolioId})

    return (
        <ConfirmationTemplate
            body="Cancellation is permanent – are you sure you want to continue?"
            header="Are you sure?"
            isShowing={isShowing}
            variant="negative"
            onConfirm={onConfirm}
            onDismiss={onDismiss}
        />
    )
}

OrderCancelConfirmation.propTypes = {
    cancelOrder: PropTypes.func,
    isShowing: PropTypes.bool,
    orderId: PropTypes.string,
    portfolioId: PropTypes.string,
    onDismiss: PropTypes.func,
}

export default OrderCancelConfirmation