content: import React from 'react';
  import Icon from '~shared/icon';
  import Delete from '~images/delete-alt';
  import './projectItem.scss';
  
  // Create ProjectItem component
  export default class ProjectItem extends React.Component{
  	render() {
  		return(
  			<li className={"project__item " + (this.props.status === 0 ? 'project__item--incomplete' : 'project__item--complete')}>
  				<span className="project__item-status" onClick={this.handleChangeStatus.bind(this)}></span>
  				<span className="project__item-name">{this.props.item}</span>
  				<span className="project__item-delete" onClick={this.handleDelete.bind(this)}><Icon glyph={Delete} width="12" height="12" /></span>
  			</li>
  		);
  	} // Render
  
  	// Custom functions
  	handleDelete() {
  		this.props.onDeleteProjectItem(this.props.item, this.props.id);
  	}
  
  	handleChangeStatus() {
  		this.props.onChangeProjectItemStatus(this.props.status, this.props.id);
  	}
  };