src/components/Main.js
// will be used as props in the Grid component
will be used as props in the Grid component
will be used as props in the Grid component
render() {
		return (
			<div>
				<h1>
					John Horton Conway's <br />
					Game of Life
				</h1>
				<div className="controls">
					<Buttons
						playButton={this.playButton}
						pauseButton={this.pauseButton}
						slow={this.slow}
						fast={this.fast}
						clear={this.clear}
						seed={this.seed}
						gridSize={this.gridSize}
					/>
					<Presets
						glider={this.glider}
						pentaDecathlon={this.pentaDecathlon}
						pulsar={this.pulsar}
						gosperGun={this.gosperGun}
					/>
				</div>
				<Grid
					gridFull={this.state.gridFull}
					rows={this.rows}
					cols={this.cols}
					selectBox={this.selectBox}
				/>
				<h2>Generations: {this.state.generation}</h2>
			</div>
		);
	}
render ( ) { return ( < div > < h1 > 
					John Horton Conway's  < br / > 
					Game of Life
				 < / h1 > < div className = "controls" > < Buttons playButton = { this . playButton } pauseButton = { this . pauseButton } slow = { this . slow } fast = { this . fast } clear = { this . clear } seed = { this . seed } gridSize = { this . gridSize } / > < Presets glider = { this . glider } pentaDecathlon = { this . pentaDecathlon } pulsar = { this . pulsar } gosperGun = { this . gosperGun } / > < / div > < Grid gridFull = { this . state . gridFull } rows = { this . rows } cols = { this . cols } selectBox = { this . selectBox } / > < h2 > Generations:  { this . state . generation } < / h2 > < / div > ) ; }
will be used as props in the Grid component
will be used as props in the Grid component