@mussia/button/dist/esm/index.js

Material-ui button based

import React from 'react';
import PropTypes from 'prop-types';
import MuButton from '@material-ui/core/Button';

function _extends() {
  _extends = Object.assign || function (target) {
    for (var i = 1; i < arguments.length; i++) {
      var source = arguments[i];

      for (var key in source) {
        if (Object.prototype.hasOwnProperty.call(source, key)) {
          target[key] = source[key];
        }
      }
    }

    return target;
  };

  return _extends.apply(this, arguments);
}

function styleInject(css, ref) {
  if (ref === void 0) ref = {};
  var insertAt = ref.insertAt;

  if (!css || typeof document === 'undefined') {
    return;
  }

  var head = document.head || document.getElementsByTagName('head')[0];
  var style = document.createElement('style');
  style.type = 'text/css';

  if (insertAt === 'top') {
    if (head.firstChild) {
      head.insertBefore(style, head.firstChild);
    } else {
      head.appendChild(style);
    }
  } else {
    head.appendChild(style);
  }

  if (style.styleSheet) {
    style.styleSheet.cssText = css;
  } else {
    style.appendChild(document.createTextNode(css));
  }
}

var css = ".button_root__2QZSk{background:#5787dc;border-radius:20%}";
var styles = {"root":"button_root__2QZSk"};
styleInject(css);

function Button(props) {
  var children = props.children,
      onClick = props.onClick;
  return React.createElement(MuButton, _extends({}, props, {
    // eslint-disable-line
    onClick: onClick,
    classes: {
      root: styles.root,
      // class name, e.g. `classes-nesting-root-x`
      label: styles.label // class name, e.g. `classes-nesting-label-x`

    }
  }), children);
}

Button.defaultProps = {
  children: null
};
Button.propTypes = {
  children: PropTypes.oneOfType([PropTypes.node, PropTypes.func, PropTypes.string, PropTypes.element]),
  onClick: PropTypes.func.isRequired
};

export default Button;