import React from 'react'
import PropTypes from 'prop-types'
import {strategiesUrl} from './content'

import ModalForm from 'react-uikit/modal/form'
import TradeRationaleForm from 'containers/forms/trade-rationale-form'
import HeaderActionButton from './partials/header-action-button'

const TradeRationaleModal = ({canDismiss, isShowing, order, onDismiss}) => {
    return (
        <ModalForm
            isShowing={isShowing}
            onDismiss={onDismiss}
            renderHeaderAction={HeaderActionButton}
            showDismissButton={canDismiss}
            tapOutsideToDismiss={false}
            title="Rationale"
        >
            <TradeRationaleForm
                order={order}
                unregisterOnExit
                onSubmit={onDismiss}
                strategiesUrl={strategiesUrl}
            />
        </ModalForm>
    )
}

TradeRationaleModal.propTypes = {
    canDismiss: PropTypes.bool,
    isShowing: PropTypes.bool,
    order: PropTypes.object,
    onDismiss: PropTypes.func,
}

TradeRationaleModal.defaultProps = {
    canDismiss: true,
    showDismissButton: true,
}

export default TradeRationaleModal