import { Link } from "react-router";
import NavLink from './NavLink';
import React from "react";

export default React.createClass({
  render() {
    return (
      <div>
        <h1>React router tutorial</h1>
        <ul role="nav">
          <li><Link to="/">Home</Link></li>
          <li><NavLink to="/about">About</NavLink></li>
          <li><NavLink to="/repos">Repos</NavLink></li>
        </ul>
        { this.props.children }
      </div>
    );
  }
});