"use strict";

var _interopRequireWildcard = require("@babel/runtime-corejs3/helpers/interopRequireWildcard");

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

var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");

_Object$defineProperty(exports, "__esModule", {
  value: true
});

exports.default = void 0;

var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));

var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/objectWithoutProperties"));

var React = _interopRequireWildcard(require("react"));

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

var _Button = _interopRequireDefault(require("@material-ui/core/Button"));

// @flow
var useStyles = (0, _styles.makeStyles)({
  root: {
    color: 'rgba(0, 0, 0, 0.67)',
    padding: '3px 5px',
    marginRight: 5,
    minHeight: 16,
    textTransform: 'initial',
    '& svg': {
      height: 18,
      width: 18,
      paddingRight: 6
    }
  }
});
/*:: type Props = {
  children: React.Node
}*/

var ToolbarButton = function ToolbarButton(_ref) {
  var children = _ref.children,
      otherProps = (0, _objectWithoutProperties2.default)(_ref, ["children"]);
  var classes = useStyles();
  return /*#__PURE__*/React.createElement(_Button.default, (0, _extends2.default)({
    className: classes.root
  }, otherProps), children);
};

ToolbarButton.muiName = 'Button';
var _default = ToolbarButton;
exports.default = _default;
//# sourceMappingURL=ToolbarButton.js.map