Empty route handler

Brands.jsx

var React = require('react')

var Brands = React.createClass({
  render: function() {
    var activeRouteHandler = this.props.activeRouteHandler

    return (
      <main className="brands-section">
        <activeRouteHandler />
      </main>
    )
  }
})

module.exports = Brands

routes.jsx

<Route name="brands" path="brands" handler={Brands}>
  <DefaultRoute handler={BrandIndex} />

  <Route name="brand-product" path=":brand/products/:product/:variant" handler={Product} />
  <Route name="brand" path=":brand" handler={Brand} />
</Route>

  <Route name="brand-index" path="brand" handler={BrandIndex} />
  <Route name="brand-product" path=":brand/products/:product/:variant" handler={Product} />
  <Route name="brand" path=":brand" handler={Brand} />