require('normalize.css');
require('styles/App.css');

import React from 'react';

let yeomanImage = require('../images/yeoman.png');

class AppComponent extends React.Component {
  constructor(props, context) {
    super(props, context);
    this.state = { background: 'red' };
  }
  render() {
    return (
      <div className="index">
        <img src={yeomanImage} alt="Yeoman Generator" />
        <div className="notice" style={{ background: this.state.background }}>Please edit <code>src/components/Main.js</code> to get started!</div>
      </div>
    );
  }
}

AppComponent.defaultProps = {
};

export default AppComponent;

@@ -130,157 +130,483 @@
 ');%0A
-%0Aclass AppComponent extends React.Component %7B%0A  constructor(props, context) %7B%0A    super(props, context);%0A    this.state = %7B background: 'red' %7D
+const colors = %5B'red', 'white', 'green'%5D;%0Alet currentIndex = 0;%0Afunction nextColor() %7B%0A  let color = colors%5BcurrentIndex %25 colors.length%5D;%0A  currentIndex++;%0A  return color;%0A%7D%0A%0Aclass AppComponent extends React.Component %7B%0A  constructor(props, context) %7B%0A    super(props, context);%0A    this.state = %7B background: nextColor() %7D;%0A  %7D%0A%0A  componentDidMount() %7B%0A    let self = this;%0A    setInterval(function () %7B%0A      self.setState(%7Bbackground: nextColor()%7D);%0A      %7D, 3000)
 ;%0A  %7D%0A
+%0A
   re

Add in rotating colors