Photo.js

photo.js

// External
import React from 'react';
import PropTypes from 'prop-types';
import Img from 'gatsby-image';
import Link from 'gatsby-link';

const Photo = ( props ) => {
	return (
		<div
			style={ {
				width: 'calc( 100% / 3 )',
				padding: '0.2em',
			} }
		>
			<Link to={ props.link } >
				<Img
					src={ props.src }
					sizes={ props.sizes }
					style={ {
						width: 'auto',
						height: 'auto',
					} }
				/>
			</Link>
		</div>
	)
}

Photo.PropTypes = {
	src: PropTypes.string,
	sizes: PropTypes.object,
	link: PropTypes.string,
}

export default Photo;