recompose-function-component.js

import {compose, setPropTypes, defaultProps} from 'recompose'

const enhance = compose(
  setPropTypes({
    onClick: PropTypes.func,
    type: PropTypes.oneOf(['submit', 'button']),
    className: PropTypes.func,
    children: PropTypes.func.isRequired,
    isLoading: PropTypes.bool,
  }),
  defaultProps({
    type: 'button',
  }),
)

const Button = ({ type, className, children, onClick, isLoading }) => {
  return (
    <button type={type} className={className} onClick={onClick}>
      {isLoading && <Loading />}
      {!isLoading && children}
    </button>
  )
}

export default enhance(Button)