@mussia/button
Version:
Material-ui button based
84 lines (67 loc) • 2.09 kB
JavaScript
;
function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
var React = _interopDefault(require('react'));
var PropTypes = _interopDefault(require('prop-types'));
var MuButton = _interopDefault(require('@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
};
module.exports = Button;