content: import React from 'react';
  
  import { Router, Link } from 'react-router';
  import { Grid, Row, Col, Button, Glyphicon, ListGroupItem } from 'react-bootstrap';
  import { LinkContainer } from 'react-router-bootstrap';
  
  class ItemListItem extends React.Component {
  
      render() {
          return (
              <ListGroupItem>
                  <Grid>
                      <Row className="show-grid">
                          <Col xs={12} md={12}>
                              <h4><Glyphicon glyph="folder-close" /> {this.props.name}</h4>
                          </Col>
                      </Row>
                      <Row className="show-grid">
                          <Col xs={7} md={8}>
                              {this.props.numItems} {(this.props.numItems ===1 ) ? "item" : "items"}
                          </Col>
                          <Col xs={1} md={1}>
                              <Link to={`/itemRemove/${this.props.itemId}`}><Glyphicon glyph="trash" /></Link>
                          </Col>
                          <Col xs={1} md={1}>
                              <Link to={`/itemEdit/${this.props.itemId}`}><Glyphicon glyph="edit" /></Link>
                          </Col>
                          <Col xs={1} md={1}>
                              <Link to={`/items/${this.props.itemId}`}><Glyphicon glyph="chevron-right" /></Link>
                          </Col>
                      </Row>
                  </Grid>
              </ListGroupItem>
          );
      }
  };
  
  module.exports = ItemListItem;