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

const PortfolioDeleteConfirm = ({
    courseId,
    deleteCourse,
    isShowing,
    onDismiss,
}) => {
    const onConfirm = () => {
        onDismiss()
        deleteCourse({courseId})
    }

    return (
        <ConfirmationTemplate
            body="Are you sure you want to delete this class?"
            cancelText="Cancel"
            confirmText="Delete"
            dismissOnConfirm={false}
            header="Are you sure?"
            isShowing={isShowing}
            variant="negative"
            onConfirm={onConfirm}
            onDismiss={onDismiss}
        />
    )
}

PortfolioDeleteConfirm.propTypes = {
    courseId: PropTypes.string,
    deleteCourse: PropTypes.func,
    isShowing: PropTypes.bool,
    showAccountDeactivation: PropTypes.func,
    onDismiss: PropTypes.func,
}

export default PortfolioDeleteConfirm