import React, { PropTypes } from 'react'
import GridItem from './GridItem'

export default class CategoryGrid extends React.Component{

	constructor(props) {
		super(props);
	}

	render(){
		if( !this.props.categories ) return null

		var className = "grid category-grid"
		if( this.props.className ) className += ' '+this.props.className
		return (
			<div className={className}>
				{
					this.props.categories.map(
						(category, index) => {
							return <GridItem item={category} key={index} link={global.baseURL+'discover/categories/'+category.id} />
						}
					)
				}
			</div>
		);
	}
}