/**
 * Main template component. It is the place for defining general page structure.
 */
import React from 'react';
import { Link } from 'react-router'; // just for navigation

// TODO: maybe there is some better implementation 
// e.g. using stateless functional components
export default class Template extends React.Component {
  render() {
    return (
      <div>
        <nav>
          <Link to="/one">counter1</Link>
          <br/>
          <Link to="/two">counter2</Link>
        </nav>
        <main>
          {this.props.children}
        </main>
      </div>
    )
  }
}

@@ -80,10 +80,27 @@
 ture
+ like navbars etc
 .%0A
-
  */%0A
@@ -191,200 +191,46 @@
 on%0A%0A
-// TODO: maybe there is some better implementation %0A// e.g. using stateless functional components%0Aexport default class Template extends React.Component %7B%0A  render() %7B%0A    return (%0A    
+const Template = (props) =%3E (%0A
   %3Cdiv%3E%0A
     
@@ -225,20 +225,16 @@
   %3Cdiv%3E%0A
-    
     %3Cnav
@@ -231,28 +231,24 @@
 %3E%0A    %3Cnav%3E%0A
-    
       %3CLink 
@@ -283,22 +283,14 @@
     
- 
-   
 %3Cbr/%3E%0A
-    
     
@@ -327,20 +327,16 @@
 nk%3E%0A    
-  
-  
 %3C/nav%3E%0A 
@@ -342,35 +342,22 @@
     
-   
- 
 %3Cmain%3E%0A
-    
       %7B
-this.
 prop
@@ -368,20 +368,16 @@
 ildren%7D%0A
-    
     %3C/ma
@@ -380,20 +380,16 @@
 %3C/main%3E%0A
-    
   %3C/div%3E
@@ -393,16 +393,96 @@
 iv%3E%0A
-    )%0A  %7D%0A%7D
+);%0A%0ATemplate.propTypes = %7B%0A  children: React.PropTypes.object,%0A%7D;%0A%0Aexport default Template;
 %0A

implement Template as stateless component