{"size": 577, "ext": "js", "max_stars_repo_path": "client/src/components/Game/modals/DisconnectedModal.js", "max_stars_repo_name": "patteri/slave-cardgame", "max_stars_repo_stars_event_min_datetime": "2020-07-31T17:49:11.000Z", "max_stars_repo_stars_event_max_datetime": "2020-07-31T17:49:11.000Z", "max_issues_repo_path": "client/src/components/Game/modals/DisconnectedModal.js", "max_issues_repo_name": "patteri/slave-cardgame", "max_issues_repo_issues_event_min_datetime": "2017-07-10T06:31:06.000Z", "max_issues_repo_issues_event_max_datetime": "2022-03-08T22:35:05.000Z", "max_forks_repo_path": "client/src/components/Game/modals/DisconnectedModal.js", "max_forks_repo_name": "patteri/slave-cardgame", "max_forks_repo_forks_event_min_datetime": "2017-06-16T16:04:33.000Z", "max_forks_repo_forks_event_max_datetime": "2017-06-16T16:04:33.000Z"}
{"max_stars_count": 1, "max_issues_count": 27, "max_forks_count": 1, "avg_line_length": 26.2272727273, "max_line_length": 84, "alphanum_fraction": 0.6897746967}
import React from 'react';
import PropTypes from 'prop-types';
import { Modal } from 'react-bootstrap';
import './style.css';

const DisconnectedModal = ({ show }) => (
  <Modal className="Slave-modal Disconnected-modal" show={show} backdrop={'static'}>
    <Modal.Header>
      <Modal.Title>Connection error</Modal.Title>
    </Modal.Header>
    <Modal.Body>
      <p>The connection was lost. Please, check your internet connection...</p>
    </Modal.Body>
  </Modal>
);

DisconnectedModal.propTypes = {
  show: PropTypes.bool.isRequired
};

export default DisconnectedModal;
