message: Stateless functional component
diff: @@ -10,22 +10,13 @@ import React, { PropTypes } from 'react';
  import { astFromValue, print } from 'graphql';
  import TypeLink from './TypeLink';
  -export default class Argument extends React.Component {
  - static propTypes = {
  - arg: PropTypes.object.isRequired,
  - onClickType: PropTypes.func.isRequired,
  - }
  -
  - render() {
  - const arg = this.props.arg;
  -
  +export default function Argument({ arg, onClickType }) {
  return (
  <span className="arg">
  <span className="arg-name">{arg.name}</span>
  {': '}
  - <TypeLink type={arg.type} onClick={this.props.onClickType} />
  - {
  - arg.defaultValue !== undefined &&
  + <TypeLink type={arg.type} onClick={onClickType} />
  + {arg.defaultValue !== undefined &&
  <span>
  {' = '}
  <span className="arg-default-value">
  @@ -36,4 +27,8 @@ export default class Argument extends React.Component {
  </span>
  );
  }
  -}
  +
  +Argument.propTypes = {
  + arg: PropTypes.object.isRequired,
  + onClickType: PropTypes.func.isRequired,
  +};
  