SCM-Manager/scm-ui/src/components/Checkbox.js

//@flow
import React from "react";

type Props = {
  label: string,
  checked: boolean,
  onChange: boolean => void
};
class Checkbox extends React.Component<Props> {
  onCheckboxChange = (event: SyntheticInputEvent<HTMLInputElement>) => {
    this.props.onChange(event.target.checked);
  };

  render() {
    return (
      <div className="field">
        <div className="control">
          <label className="checkbox">
            <input
              type="checkbox"
              checked={this.props.checked}
              onChange={this.onCheckboxChange}
            />
            {this.props.label}
          </label>
        </div>
      </div>
    );
  }
}

export default Checkbox;