import _extends from "@babel/runtime-corejs3/helpers/extends";
import _objectWithoutPropertiesLoose from "@babel/runtime-corejs3/helpers/objectWithoutPropertiesLoose";
// @flow
import * as React from 'react';
import { makeStyles } from '@material-ui/core/styles';
import Button from '@material-ui/core/Button';
const useStyles = 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
}*/

const ToolbarButton = (_ref) => {
  let {
    children
  }
  /*: Props*/
  = _ref,
      otherProps = _objectWithoutPropertiesLoose(_ref, ["children"]);

  const classes = useStyles();
  return /*#__PURE__*/React.createElement(Button, _extends({
    className: classes.root
  }, otherProps), children);
};

ToolbarButton.muiName = 'Button';
export default ToolbarButton;
//# sourceMappingURL=ToolbarButton.js.map