import React, { PropTypes } from 'react';
import { Link } from 'react-router';

export default function ProjectTile(props) {
  return (
    <Link to={`/projects/${props.slug}`} className='project-tile'>
      <p className="project-tile__title">{props.name}</p>
      <img className="project-tile__image" src={props.images[0]} />
    </Link>
  );
}

ProjectTile.propTypes = {
  name: PropTypes.string.isRequired,
  slug: PropTypes.string.isRequired,
  images: PropTypes.array
};

import React, { PropTypes } from 'react';
import { Link } from 'react-router';

export default function ProjectTile(props) {
  return (
    <Link to={`/projects/${props.slug}`} className='project-tile'>
      <h1 className="project-tile__title">{props.name}</h1>
      <img className="project-tile__image" src={props.images[0]} />
    </Link>
  );
}

ProjectTile.propTypes = {
  name: PropTypes.string.isRequired,
  slug: PropTypes.string.isRequired,
  images: PropTypes.array
};

Use an h1 for project tile headers
Use an h1 for project tile headers
