old_contents: // (C) Copyright 2014-2015 Hewlett Packard Enterprise Development LP
  
  import React, { Component, PropTypes } from 'react';
  
  const CLASS_ROOT = "image";
  
  export default class Image extends Component {
  
    render () {
      var classes = [CLASS_ROOT];
      if (this.props.size) {
        classes.push(CLASS_ROOT + "--" + this.props.size);
      }
      if (this.props.full) {
        if ('string' === typeof this.props.full) {
          classes.push(CLASS_ROOT + "--full-" + this.props.full);
        } else {
          classes.push(CLASS_ROOT + "--full");
        }
      }
  
      return (
        <img id={this.props.id} className={classes.join(' ')}
          src={this.props.src} />
      );
    }
  }
  
  Image.propTypes = {
    full: PropTypes.oneOf([true, 'horizontal', 'vertical', false]),
    src: PropTypes.string,
    size: PropTypes.oneOf(['small', 'medium', 'large'])
  };
  
new_contents: // (C) Copyright 2014-2015 Hewlett Packard Enterprise Development LP
  
  import React, { PropTypes } from 'react';
  import classnames from 'classnames';
  
  const CLASS_ROOT = 'image';
  
  const Image = props => {
    let { size, full } = props;
    let classes = classnames(
      CLASS_ROOT,
      {
        [`${CLASS_ROOT}--${size}`]: size,
        [`${CLASS_ROOT}--full`]: typeof full === 'boolean' && full,
        [`${CLASS_ROOT}--full-${full}`]: typeof full === 'string'
      }
    );
  
    return <img id={props.id} className={classes} src={props.src} />;
  };
  
  Image.propTypes = {
    full: PropTypes.oneOf([true, 'horizontal', 'vertical', false]),
    src: PropTypes.string,
    size: PropTypes.oneOf(['small', 'medium', 'large'])
  };
  
  Image.displayName = 'Image';
  
  export default Image;
  
subject: Convert Image to a stateless function