{"size": 895, "ext": "js", "max_stars_repo_path": "frontend/src/components/modal/modal.js", "max_stars_repo_name": "venkatesh16031999/blockchain_smart_grid", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "frontend/src/components/modal/modal.js", "max_issues_repo_name": "venkatesh16031999/blockchain_smart_grid", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "frontend/src/components/modal/modal.js", "max_forks_repo_name": "venkatesh16031999/blockchain_smart_grid", "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": 27.96875, "max_line_length": 100, "alphanum_fraction": 0.5899441341}
import React,{Component} from 'react';
import {Button, Modal} from 'react-bootstrap';
import styles from './modal.module.css';

class ModalContainer extends Component {

    render(){
    return (
      <Modal
        {...this.props}
        size="md"
        aria-labelledby="contained-modal-title-vcenter"
        centered
      >
        <Modal.Header closeButton className={styles.header}>
          <Modal.Title >
            Transfer electric current
          </Modal.Title>
        </Modal.Header>
        <Modal.Body>
                    {this.props.children}
        </Modal.Body>
        <Modal.Footer>
          <Button className={styles.button} onClick={this.props.onHide}>Cancel</Button>
          <Button className={styles.button}  onClick={this.props.onSubmit}>Send Electricity</Button>
        </Modal.Footer>
      </Modal>
        )
    }
  }

  export default ModalContainer;