SoundWave/imports/ui/Result.jsx

import React from 'react';
import Video from './Video';
import Stats from './Stats';

const Result = ({ click, result }) =>
	<a className="result-link" onClick={click}>
		<img src={result.thumb.url} alt="thumbnail" className="result-thumb"
			 height={result.thumb.height / 2} width={result.thumb.width / 2}/>
		<div className="result-info">
			<div className="result-head" title={result.title}>
				<div className="result-title">{result.title}</div>
				<div className="result-duration">{result.duration}</div>
			</div>
			<Stats stats={result.stats} prefix="result"/>
		</div>
	</a>;

Result.propTypes = {
	result: React.PropTypes.instanceOf(Video).isRequired,
	click: React.PropTypes.func
};

export default Result;