import React, { Component } from 'react'

export default class TestComponent extends Component {
  static get propTypes() {
    return {
      style: React.PropTypes.object,
      onComponentClick: React.PropTypes.func,
      test: React.PropTypes.bool.isRequired
    }
  }

  render() {
    return (
      <div style={this.props.style} onClick={this.props.onComponentClick}>
        <h3>TestComponent <span style={{ color: this.props.test ? 'green' : 'red' }}>TEST BOOLEAN</span></h3>
        <img style={{ maxWidth: '100%', width: '100%' }} src={require('../images/test.png')} />
      </div>
    )
  }
}

@@ -268,16 +268,279 @@
  %7D%0A  %7D%0A%0A
+  get styles() %7B%0A    return %7B%0A      container: Object.assign(%7B%7D, this.props.style),%0A      image: %7B%0A        maxWidth: '100%25',%0A        width: '100%25'%0A      %7D%0A    %7D%0A  %7D%0A%0A  getFontColor() %7B%0A    const color = this.props.test ? 'green' : 'red'%0A    return %7B color %7D%0A  %7D%0A%0A
   render
@@ -580,27 +580,32 @@
 e=%7Bthis.
-props.style
+styles.container
 %7D onClic
@@ -680,52 +680,27 @@
 le=%7B
-%7B color: this.props.test ? 'green' : 'red' %7D
+this.getFontColor()
 %7D%3ETE
@@ -746,43 +746,25 @@
 le=%7B
-%7B maxWidth: '100%25', width: '100%25' %7D
+this.styles.image
 %7D sr

test component cleaning up