{"size": 1081, "ext": "js", "max_stars_repo_path": "src/components/CartProductItem.js", "max_stars_repo_name": "Danielvital19/summerschool-frontend", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "src/components/CartProductItem.js", "max_issues_repo_name": "Danielvital19/summerschool-frontend", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "src/components/CartProductItem.js", "max_forks_repo_name": "Danielvital19/summerschool-frontend", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": null, "max_issues_count": null, "max_forks_count": null, "avg_line_length": 27.7179487179, "max_line_length": 97, "alphanum_fraction": 0.6429232192}
import React, {PropTypes} from 'react';

const CartProductItem = ( props ) => {
  return (
		<tr key={props.identifier} className="cart-header">
			<td className="ring-in">
				<a href="single.html" className="at-in">
					<img src={require("../images/"+props.image)} className="img-responsive" alt={props.title} />
				</a>
				<div className="sed">
					<h5>
						<a href="javascript:void(0)">{props.title}</a>
					</h5>
					<p>{props.category}</p>
				</div>
				<div className="clearfix"> </div>
				<div
          onClick={props.handleClick}
          id={props.identifier}
          className="close1" />
			</td>
			<td>$ {props.price}</td>
			<td>FREE SHIPPING</td>
			<td className="item_price">$ {props.price}</td>
		</tr>
  );
};

CartProductItem.propTypes = {
	handleClick: PropTypes.func.isRequired,
  identifier: PropTypes.number,
  title: PropTypes.string.isRequired,
  category: PropTypes.string.isRequired,
  description: PropTypes.string.isRequired,
  price: PropTypes.number.isRequired,
  image: PropTypes.string.isRequired
};

export default CartProductItem;