{"size": 502, "ext": "js", "max_stars_repo_path": "src/components/Display.js", "max_stars_repo_name": "widzthedvloper/calculator-react", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "src/components/Display.js", "max_issues_repo_name": "widzthedvloper/calculator-react", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "src/components/Display.js", "max_forks_repo_name": "widzthedvloper/calculator-react", "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": 20.9166666667, "max_line_length": 66, "alphanum_fraction": 0.6454183267}
import React from 'react';
import PropTypes from 'prop-types';

function Display(props) {
  const { result, next, operation } = props;
  return (
    <div className="display">
      <span className="result">{result}</span>
      <span>{operation}</span>
      <span>{next}</span>
    </div>
  );
}

Display.propTypes = {
  result: PropTypes.string,
  next: PropTypes.string,
  operation: PropTypes.string,
};

Display.defaultProps = { result: '0', next: '0', operation: '0' };

export default Display;
