import React from 'react'
import PropTypes from 'prop-types'
import ModalForm from 'react-uikit/modal/form'
import PortfolioCreationPersonalForm from 'containers/forms/portfolio-creation-form'

const PortfolioCreationModal = ({
    canDismiss,
    isShowing,
    withOverlay,
    onDismiss,
}) => {
    return (
        <ModalForm
            isShowing={isShowing}
            showDismissButton={canDismiss}
            tapOutsideToDismiss={canDismiss}
            title="Portfolio Creation"
            withOverlay={withOverlay}
            onDismiss={onDismiss}
        >
            <PortfolioCreationPersonalForm
                unregisterOnExit
                onSubmit={onDismiss}
            />
        </ModalForm>
    )
}

PortfolioCreationModal.propTypes = {
    canDismiss: PropTypes.bool,
    isShowing: PropTypes.bool,
    withOverlay: PropTypes.bool,
    onDismiss: PropTypes.func,
}

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

export default PortfolioCreationModal