react-toolbox-build4server/react-toolbox/jsx/navigation/Navigation.js

Builds react-toolbox in such a way that it's components can be required and used in node - most likely for server-side rendered webapps - without having to depend on webpack to build your entire server-side project

import React from 'react';
import style from './style';
import Button from '../button';
import Link from '../link';

const Navigation = props => {
  let className = `${style[props.type]}`;
  if (props.className) className += ` ${props.className}`;

  const buttons = props.actions.map((action, index) => {
    return <Button className={style.button} key={index} {...action} />;
  });

  const links = props.routes.map((route, index) => {
    return <Link className={style.link} key={index} {...route} />;
  });

  return (
    <nav data-react-toolbox='navigation' className={className}>
      {links}
      {buttons}
      {props.children}
    </nav>
  );
};

Navigation.propTypes = {
  actions: React.PropTypes.array,
  children: React.PropTypes.node,
  className: React.PropTypes.string,
  routes: React.PropTypes.array,
  type: React.PropTypes.oneOf(['vertical', 'horizontal'])
};

Navigation.defaultProps = {
  actions: [],
  className: '',
  type: 'horizontal',
  routes: []
};

export default Navigation;