import React, {component} from 'react';
import { Icon, Button, Card, Row, Col , CardPanel} from 'react-materialize';
import {Input} from 'react-materialize';

let Products = [1,2,3,4,5,5,6,7,8,8];


export class Form extends React.Component{
	
	constructor(props){
		super(props);	
	}

	render(){
		
		const prods = Products.map((prod)=> {
			return (
			<Col l={4}>
			    <Card className='blue-grey darken-1' textClassName='white-text' title='A new Item will be added'>
			    {prod}
			    Some data here
			    </Card>
			</Col>
			)
		});
		return(
			<div className="container">
				 <Row>
				    {prods}
				</Row>
			</div>
			)
		}
	}


