"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.RawDoneButton = exports.DoneButton = void 0;

var _react = _interopRequireDefault(require("react"));

var _IconButton = _interopRequireDefault(require("@material-ui/core/IconButton"));

var _Check = _interopRequireDefault(require("@material-ui/icons/Check"));

var _styles = require("@material-ui/core/styles");

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

var RawDoneButton = function RawDoneButton(_ref) {
  var classes = _ref.classes,
      onClick = _ref.onClick;
  return /*#__PURE__*/_react["default"].createElement(_IconButton["default"], {
    "aria-label": "Done",
    className: classes.iconRoot,
    onClick: onClick,
    classes: {
      label: classes.label,
      root: classes.iconRoot
    }
  }, /*#__PURE__*/_react["default"].createElement(_Check["default"], null));
};

exports.RawDoneButton = RawDoneButton;
RawDoneButton.propTypes = {
  classes: _propTypes["default"].object.isRequired,
  onClick: _propTypes["default"].func
};
var styles = {
  iconRoot: {
    verticalAlign: 'top',
    width: '28px',
    height: '28px',
    color: 'var(--editable-html-toolbar-check, #00bb00)',
    padding: '4px'
  }
};
var DoneButton = (0, _styles.withStyles)(styles)(RawDoneButton);
exports.DoneButton = DoneButton;
//# sourceMappingURL=done-button.js.map