import React from 'react'
import PropTypes from 'prop-types'
import BEMModule from 'utils/bem'
import Modal from 'react-uikit/modal'
import styles from './styles.scss'
import TermsOfService from 'components/terms-of-service'

const bem = new BEMModule(styles)

const TermsOfServiceModal = ({isShowing, onDismiss}) => {
    const modalClassNames = bem.classNames('c-terms-of-service-modal')
    const innerClassNames = bem.classNames('c-terms-of-service-modal__inner')
    return (
        <Modal showDismissButton isShowing={isShowing} onDismiss={onDismiss}>
            <Modal.HeaderBar title="Terms and Conditions" />
            <div className={modalClassNames}>
                <div className={innerClassNames}>
                    <TermsOfService />
                </div>
            </div>
        </Modal>
    )
}

TermsOfServiceModal.propTypes = {
    isShowing: PropTypes.bool,
    onDismiss: PropTypes.func,
}

export default TermsOfServiceModal