{"size": 743, "ext": "js", "max_stars_repo_path": "src/components/CustomModal/CustomModal.js", "max_stars_repo_name": "rozmar564/eComm-FE", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "src/components/CustomModal/CustomModal.js", "max_issues_repo_name": "rozmar564/eComm-FE", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "src/components/CustomModal/CustomModal.js", "max_forks_repo_name": "rozmar564/eComm-FE", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": null, "max_issues_count": null, "max_forks_count": null, "avg_line_length": 24.7666666667, "max_line_length": 64, "alphanum_fraction": 0.6366083445}
import React, { PropTypes, Component } from 'react';
import withStyles from 'isomorphic-style-loader/lib/withStyles';
import cx from 'classnames';
import s from './CustomModal.css';
import PaymentModal from '../PaymentModal';

class CustomModal extends Component {

  static propTypes = {
    showModal: PropTypes.bool.isRequired
  };

  getContent = () => (<PaymentModal />);

  render() {
    const visibility = this.props.showModal ? 'show' : 'hide';
    return (
      <div className={cx(s.custommodal, s[visibility])}>
        <div className={s.modalbodywrapper}>
          <div className={s.modalbody}>
            {this.getContent()}
          </div>
        </div>
      </div>
    );
  }
}

export default withStyles(s)(CustomModal);
