content: 'use strict';
  
  import './Menu.less';
  import React from 'react';
  import ReactBootstrap from 'react-bootstrap';
  import Router from 'react-router';
  
  export default React.createClass({
  
  
    render() {
      var Accordion = ReactBootstrap.Accordion;
      var Panel = ReactBootstrap.Panel;
      var Link = Router.Link;
      return (
      <Accordion>
        <Panel header="Item#1" eventKey='1'>
          <Link to="notification" className="list-group-item">Notifications</Link>
          <Link to="user" className="list-group-item">Users</Link>
          <a href="" className="list-group-item">Subitem 1</a>
        </Panel>
        <Panel header="Item#2" eventKey='2'>
          <a href="" className="list-group-item">Subitem 1</a>
          <a href="" className="list-group-item">Subitem 1</a>
        </Panel>
        <Panel header="Item #3" eventKey='3'>
          <a href="" className="list-group-item">Subitem 1</a>
          <a href="" className="list-group-item">Subitem 1</a>
        </Panel>
      </Accordion>
      );
    }
  
  });
  