UNPKG

@mussia/button

Version:
84 lines (67 loc) 2.09 kB
'use strict'; 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;