import React from 'react'
import PropTypes from 'prop-types'
import Modal from 'react-uikit/modal'
import PortfolioShowcase from 'containers/portfolio-showcase'
import BEMModule from 'utils/bem'
import styles from './styles.scss'

const bem = new BEMModule(styles)

const PortfolioShowcaseModal = ({isShowing, portfolioId, onDismiss}) => {
    const classes = bem.classNames('c-portfolio-showcase-modal')

    return (
        <Modal
            className={classes}
            isShowing={isShowing}
            size="large"
            onDismiss={onDismiss}
        >
            <Modal.HeaderBar />
            <PortfolioShowcase isOverlay portfolioId={portfolioId} />
        </Modal>
    )
}

PortfolioShowcaseModal.propTypes = {
    portfolioId: PropTypes.string.isRequired,
    isShowing: PropTypes.bool,
    onDismiss: PropTypes.func,
}

PortfolioShowcaseModal.defaultProps = {
    showDismissButton: true,
}

export default PortfolioShowcaseModal