Button.react.js

import React from 'react'

const Button = (props) => {
  return <button className="button" {...props} />
}

function isStateless(component) {
  return !(component.prototype && component.prototype.render);
}

function applyStyleAndClassName(component) {
  let ComposedComponent = component

  // Check if stateless function component
  if (isStateless(component)) {
    ComposedComponent = class extends React.Component {
      render() {
        return component()
      }
    }
  }

  const StylableComponent = class extends ComposedComponent {
    render() {
      const element = super.render()
      const clonedElement = React.cloneElement(element, {
        ...this.props,
        style: {
          ...(element.props.style || {}),
          ...(this.props.style || {})
        },
        className: [element.props.className || "", this.props.className || ""].join(" "),
      })
      return clonedElement
    }
  }

  StylableComponent.displayName = component.displayName || component.name;
  return StylableComponent
}

export default applyStyleAndClassName(Button)