@bigfishtv/cockpit/src/components/asset/DocumentCell.js

import React, { Component } from 'react'

import Icon from '../Icon'

/**
 * Dumb asset cell for a document
 */
export default class DocumentCell extends Component {
	static defaultProps = {
		title: '',
		cellSize: 'default',
	}

	render() {
		const { cellSize, title, filename, url } = this.props
		return (
			<div className="media media-1">
				<div className="media-inner">
					<Icon name="document" size="24" />
					{cellSize !== 'small' && (
						<span className="media-inner-title">
							<a href={url} target="_blank">
								{title || filename}
							</a>
						</span>
					)}
				</div>
			</div>
		)
	}
}