import React from 'react'
import PropTypes from 'prop-types'
import ModalForm from 'react-uikit/modal/form'
import CurrencyExchangeForm from 'containers/forms/currency-exchange-form'

const CurrencyExchangeModal = ({isShowing, onDismiss, portfolio}) => {
    return (
        <ModalForm
            isShowing={isShowing}
            onDismiss={onDismiss}
            title="Exchange Currency"
        >
            <CurrencyExchangeForm
                portfolio={portfolio}
                unregisterOnExit
                onSubmit={onDismiss}
            />
        </ModalForm>
    )
}

CurrencyExchangeModal.propTypes = {
    isShowing: PropTypes.bool,
    portfolio: PropTypes.object,
    onDismiss: PropTypes.func,
}

export default CurrencyExchangeModal