@hackoregon/component-library/es/Checkbox/Checkbox.js

Official repo for Hack Oregon React component library

function _templateObject() {
  var data = _taggedTemplateLiteral(["\n  background-color: #fff;\n  color: #1e62bd;\n  cursor: pointer;\n"]);

  _templateObject = function _templateObject() {
    return data;
  };

  return data;
}

function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }

import { jsx, css } from "@emotion/core";
import PropTypes from "prop-types";
import MaterialCheckbox from "@material-ui/core/Checkbox";
import FormControlLabel from "@material-ui/core/FormControlLabel";
var checkboxClass = css(_templateObject());

var Checkbox = function Checkbox(_ref) {
  var variant = _ref.variant,
      onChange = _ref.onChange,
      disabled = _ref.disabled,
      value = _ref.value,
      label = _ref.label,
      labelPlacement = _ref.labelPlacement;
  return jsx(FormControlLabel, {
    value: label,
    control: jsx(MaterialCheckbox, {
      checked: value,
      variant: variant,
      onChange: onChange,
      disabled: disabled,
      css: checkboxClass,
      inputProps: {
        "aria-label": {
          label: label
        }
      }
    }),
    label: label,
    labelPlacement: labelPlacement
  });
};

Checkbox.displayName = "Checkbox";
Checkbox.propTypes = {
  value: PropTypes.bool,
  label: PropTypes.string,
  labelPlacement: PropTypes.string,
  variant: PropTypes.string,
  disabled: PropTypes.bool,
  onChange: PropTypes.func
};
Checkbox.defaultProps = {
  value: false,
  label: "Label",
  labelPlacement: "end",
  variant: "contained",
  disabled: false
};
export default Checkbox;