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

Official repo for Hack Oregon React component library

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports["default"] = void 0;

var _core = require("@emotion/core");

var _propTypes = _interopRequireDefault(require("prop-types"));

var _Checkbox = _interopRequireDefault(require("@material-ui/core/Checkbox"));

var _FormControlLabel = _interopRequireDefault(require("@material-ui/core/FormControlLabel"));

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

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) } })); }

var checkboxClass = (0, _core.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 (0, _core.jsx)(_FormControlLabel["default"], {
    value: label,
    control: (0, _core.jsx)(_Checkbox["default"], {
      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["default"].bool,
  label: _propTypes["default"].string,
  labelPlacement: _propTypes["default"].string,
  variant: _propTypes["default"].string,
  disabled: _propTypes["default"].bool,
  onChange: _propTypes["default"].func
};
Checkbox.defaultProps = {
  value: false,
  label: "Label",
  labelPlacement: "end",
  variant: "contained",
  disabled: false
};
var _default = Checkbox;
exports["default"] = _default;