import React, { Component, PropTypes } from 'react';
import Slide from '../slide';
import BulletPoint from '../bullet-point';

require('./app.scss');

class App extends Component {
    render() {
        return (
            <div className="presentation">
                <Slide title="Intro" order="1" total="1">
                    <BulletPoint>Hello this will be a simple slide presentation app when done.</BulletPoint>
                    <BulletPoint>A tag is just a tag</BulletPoint>
                </Slide>
            </div>
        );
    }
}

export default App;

@@ -182,114 +182,569 @@
     
-render() %7B%0A        return (%0A            %3Cdiv className=%22presentation%22%3E%0A                %3CSlide title=%22Intro
+constructor(props) %7B%0A        super(props);%0A%0A        this.state = %7B%0A            current: 1,%0A            total: 2%0A        %7D%0A    %7D%0A%0A    render() %7B%0A        return (%0A            %3Cdiv className=%22presentation%22%3E%0A                %3CSlide title=%22What is ReactJS?%22 order=%221%22 total=%7Bthis.state.total%7D current=%7Bthis.state.current%7D%3E%0A                    %3CBulletPoint%3EHello this will be a simple slide presentation app when done.%3C/BulletPoint%3E%0A                    %3CBulletPoint%3EA tag is just a tag%3C/BulletPoint%3E%0A                %3C/Slide%3E%0A                %3CSlide title=%22V is for View
 %22 or
@@ -748,25 +748,25 @@
  order=%22
-1
+2
 %22 total=
 %221%22%3E%0A   
@@ -757,19 +757,63 @@
 %22 total=
-%221%22
+%7Bthis.state.total%7D current=%7Bthis.state.current%7D
 %3E%0A      

Add a second slide