{"size": 429, "ext": "js", "max_stars_repo_path": "app/components/cats/Cat.js", "max_stars_repo_name": "hillscottc/trivnode-react", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "app/components/cats/Cat.js", "max_issues_repo_name": "hillscottc/trivnode-react", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "app/components/cats/Cat.js", "max_forks_repo_name": "hillscottc/trivnode-react", "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": 17.875, "max_line_length": 49, "alphanum_fraction": 0.62004662}
import React , {PropTypes }  from 'react'
import { Link } from 'react-router'
import styles from './cats.css';


const Cat = ({cat}) => (
    <div className={styles.cat}>
      <Link to={`/cat/${cat.category_id}/clues`}>
        {cat.category_name}
      </Link>
    </div>
);


Cat.propTypes = {
  cat: PropTypes.object.isRequired
};

Cat.defaultProps = {
  cat: {category_id:1, category_name:"history"}
};

export default Cat;
