import React, { Component, PropTypes } from 'react';
import classnames from 'classnames';
import './Button.scss';

export default class Button extends Component {
  static propTypes = {
    onClick: PropTypes.func,
    type: PropTypes.oneOf(['button', 'submit', 'reset']),
    kind: PropTypes.oneOf(['yes', 'no', 'subtle']),
    disabled: PropTypes.bool,
    children: PropTypes.oneOfType([PropTypes.object, PropTypes.string]).isRequired,
    small: PropTypes.bool,
    big: PropTypes.bool,
  }

  static defaultProps = {
    onClick: () => {},
    type: 'button',
    kind: null,
    disabled: false,
    small: false,
    big: false,
  }

  render() {
    const { kind, type, onClick, disabled, children, small, big } = this.props;
    const classes = classnames(
      'btn',
      { [`btn--${kind}`]: kind },
      { 'btn--small': small },
      { 'btn--big': big },
    );

    return (
      <button
        className={classes}
        type={type}
        onClick={onClick}
        disabled={disabled}
      >
        {children}
      </button>
    );
  }
}


@@ -872,16 +872,147 @@
     );%0A%0A
+    if (type === 'submit') %7B%0A      return %3Cinput type=%22submit%22 disabled=%7Bdisabled%7D className=%7Bclasses%7D value=%7Bchildren%7D /%3E;%0A    %7D%0A%0A
     retu

Improve semantics of submit button