text: import React, { PropTypes } from 'react';
  import { Link } from 'react-router';
  
  class <%= ucName %> extends React.Component {
    constructor(props, context) {
      super(props, context);
  
      this.onClickDetail = this.onClickDetail.bind(this);
      this.onClickDelete = this.onClickDelete.bind(this);
    }
  
    onClickDetail(event) {
      event.preventDefault();
      this.props.onClickDetail(this.props.id);
    }
  
    onClickDelete(event) {
      event.preventDefault();
      this.props.onClickDelete(this.props.id);
    }
  
    render() {
      return (
        <div className="panel panel-info">
          <div className="panel-heading">
            <a href="" onClick={this.onClickDetail}>
              {this.props.id} - {this.props.name}
            </a>
          </div>
          <div className="panel-body">
            <p>
              {this.props.name}
              <Link to={`/app/<%= pluralizedName %>/${this.props.id}/edit`}>Edit</Link>
              <a href="" onClick={this.onClickDelete}>Delete</a>
            </p>
          </div>
        </div>
      );
    }
  }
  
  <%= ucName %>.propTypes = {
    id: PropTypes.string.isRequired,
    name: PropTypes.string.isRequired,
    onClickDetail: PropTypes.func.isRequired,
    onClickDelete: PropTypes.func.isRequired
  };
  
  export default <%= ucName %>;
  