import React, {component} from 'react';
import {Row,Footer} from 'react-materialize';

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

		return(
			<Row>
			 <Footer copyrights="&copy 2015 Copyright Text"
			  moreLinks={
			    <a className="grey-text text-lighten-4 right" href="#!">More Links</a>
			  }
			  links={
			    <ul>
			      <li><a className="grey-text text-lighten-3" href="#!">Link 1</a></li>
			      <li><a className="grey-text text-lighten-3" href="#!">Link 2</a></li>
			      <li><a className="grey-text text-lighten-3" href="#!">Link 3</a></li>
			      <li><a className="grey-text text-lighten-3" href="#!">Link 4</a></li>
			    </ul>
			  }
			   className="blue-grey darken-1" 
			>
			    <h5 className="white-text">Footer Content</h5>
			    <p className="grey-text text-lighten-4">You can use rows and columns here to organize your footer content.</p>
			</Footer>
			</Row>
			)
	}
	}