var React = require('react');
import {ListItem } from 'react-essence';

var NavDrawerItem = React.createClass({
  render: function() {
    let item = this.props.data;
    let i = 0;
    return (
      <ListItem
          contentLink={`#${item.Label.toLowerCase().replace(/(\b) (\b)/g, '$1_$2')}`}
          contentText={item.Label}
          hasSubmenu={true}
          listType='navigation'
          primaryListImage="assets/img/components-b.png"
          >
        {this.props.children}
      </ListItem>
    );
  }
});

module.exports = NavDrawerItem;