content: /**
  *
  * Navigation
  *
  */
  
  import React from 'react';
  
  
  import styles from './styles.css';
  
  function Navigation({ topics, selectTopic }) {
    const topicNodes = topics.map(t => (
      <div
        key={t.name}
        onClick={() => selectTopic(t)}
      >
        {t.name}
      </div>
    ));
  
    return (
      <div className={styles.navigation}>
        {topicNodes}
      </div>
    );
  }
  
  Navigation.propTypes = {
    topics: React.PropTypes.arrayOf(
      React.PropTypes.shape({
        name: React.PropTypes.string.isRequired,
        description: React.PropTypes.string.isRequired,
      })
    ).isRequired,
    selectTopic: React.PropTypes.func.isRequired,
  };
  
  export default Navigation;
  