var TransitionGroup = React.addons.TransitionGroup;
var {RouteHandlerMixin, State} = require("react-router");

module.exports = React.createClass({

  mixins: [ RouteHandlerMixin, State ],

  getHandlerKey: function() {
    return this.getRoutes().reverse()[0].name;
  },

  render: function() {
    var key = this.getHandlerKey();
    return(
      <TransitionGroup>
        {this.createChildRouteHandler({key: key})}
      </TransitionGroup>
    );
  }
});