"use strict";

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

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

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

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

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

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

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

// const useStyles = props => makeStyles(theme => ({
//   base: {
//     padding: 0,
//     "&:hover": {
//       backgroundColor: 'transparent'
//     }
//   },
// }));
var RoundButton = (0, _styles.withStyles)({
  root: {
    textTransform: 'none',
    borderRadius: '50px',
    height: "fit-content",
    textDecoration: "none"
  }
})(_Button.default);
exports.RoundButton = RoundButton;

function ButtonWithIcon(_ref) {
  var children = _ref.children,
      props = (0, _objectWithoutProperties2.default)(_ref, ["children"]);
  return /*#__PURE__*/_react.default.createElement(RoundButton, {
    name: "selectSubjectButton",
    startIcon: props.startIcon,
    onClick: props.onClick
  }, children);
}

ButtonWithIcon.defaultProps = {
  startIcon: _propTypes.default.required,
  onClick: _propTypes.default.onClick,
  children: _propTypes.default.node.isRequired
};
var _default = ButtonWithIcon;
exports.default = _default;