/** @jsx React.DOM */

var CountriesComponent = require('./countries_component');
var PathsComponent     = require('./paths_component');
var PolygonsComponent  = require('./polygons_component');
var React              = require('react');

module.exports = React.createClass({
  selectCountry: function(country) {
    this.refs.countries.setState({selectedCountry: country});
  },

  render: function() {
    var world = this.props.world;

    return <svg width={world.width} height={world.height}>
      <PolygonsComponent className="hexgrid" polygons={world.hexagons} />
      <CountriesComponent ref="countries" className="PiYG" countries={world.countries} stream={this.props.stream} />
      <PathsComponent className="voronoi" paths={world.cells} />
    </svg>;
  }
});

@@ -269,16 +269,46 @@
 Class(%7B%0A
+  // Selects a given country.%0A
   select
@@ -404,16 +404,131 @@
 ;%0A  %7D,%0A%0A
+  // Deselects the currently selected country.%0A  deselectCountry: function() %7B%0A    this.selectCountry(null);%0A  %7D,%0A%0A
   render

Add deselectCountry method to WorldComponent.