martinandert/react-inline

var React = require('react');
var cx = require('classnames');

const { oneOf, bool } = React.PropTypes;

class Button extends React.Component {
  render() {
    const { size, busy, block, className } = this.props;
    const classes = cx(styles.default, styles[size], block && styles.block, className);

    return <button {...this.props} className={classes} disabled={busy} />;
  }
}

Button.propTypes = {
  size:   oneOf(['large', 'small']),
  block:  bool,
  busy:   bool
};

const styles = {
  default: "Button_original_js-styles-default",
  large: "Button_original_js-styles-large",
  small: "Button_original_js-styles-small",
  block: "Button_original_js-styles-block"
};

module.exports = Button;