import React from 'react';
import { Link } from 'react-router';

export default class RouterLayout extends React.Component {
  static propTypes = {
    children: React.PropTypes.object,
  };

  render() {
    return (
      <div className="container">
        <h1>React Router is working!</h1>
        <p>
          Woohoo, we can use <code>react-router</code> here!
        </p>
        <ul>
          <li>
            <Link to="/react_router">
              React Router Layout Only
            </Link>
          </li>
          <li>
            <Link to="/react_router/first_page">
              Router First Page
            </Link>
          </li>
          <li>
            <Link to="/react_router/second_page">
              Router Second Page
            </Link>
          </li>
        </ul>
        <hr />
        {this.props.children}
      </div>
    );
  }

}