'use strict';

var React = require('react'),
    Catalog = require('../components/catalog.jsx'),
    Cart = require('../components/cart.jsx'),

    App   = React.createClass({
  render: function render() {
    return (
      <div>
        <h1>My Store</h1>
        <hr />
        <Catalog />
        <hr />
        <Cart />
      </div>
    );
  }
});

module.exports = App;

@@ -42,98 +42,39 @@
 '),%0A
+%0A
     
-Catalog = require('../components/catalog.jsx'),%0A    Cart = require('../components/cart
+Header = require('./header
 .jsx
@@ -85,18 +85,22 @@
 %0A    App
-  
+;%0A%0AApp
  = React
@@ -182,88 +182,14 @@
    %3C
-h1%3EMy Store%3C/h1%3E%0A        %3Chr /%3E%0A        %3CCatalog /%3E%0A        %3Chr /%3E%0A        %3CCart
+Header
  /%3E%0A

use Header component