{"size": 718, "ext": "js", "max_stars_repo_path": "calculator/src/components/Operator.js", "max_stars_repo_name": "faultyagatha/calculator", "max_stars_repo_stars_event_min_datetime": "2022-01-25T12:19:16.000Z", "max_stars_repo_stars_event_max_datetime": "2022-01-25T12:19:16.000Z", "max_issues_repo_path": "calculator/src/components/Operator.js", "max_issues_repo_name": "faultyagatha/calculator", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "calculator/src/components/Operator.js", "max_forks_repo_name": "faultyagatha/calculator", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": 1, "max_issues_count": null, "max_forks_count": null, "avg_line_length": 39.8888888889, "max_line_length": 113, "alphanum_fraction": 0.5793871866}
/** user-input component that triggers calculation */

import React from 'react';

export default class Operator extends React.Component 
{
    render = () => 
    {
        return (
            <div className="Operators">
                <button className="Operator" name="+" onClick={e => this.props.onClick(e.target.name)}>+</button>
                <button className="Operator" name="-" onClick={e => this.props.onClick(e.target.name)}>-</button>
                <button className="Operator" name="*" onClick={e => this.props.onClick(e.target.name)}>*</button>
                <button className="Operator" name="/" onClick={e => this.props.onClick(e.target.name)}>/</button>
            </div>
        );
    };
};