import React, {Component} from 'react';
import ReactDOM from 'react-dom';

export default class BasicSqliBackEnd extends Component {

	constructor(props, context){
		super(props, context);
	}

	render() {
    // console.log('backend props', this.props);
    let renderResultantSQLQueries = [];
    renderResultantSQLQueries = this.props.resultantSQLQueries.map(function (query,index) {
      return (
        <p className='col-xs-offset-2' key={index}>
          {query}
        </p>
      );
    },this);
		return (
	    <div className="boxshadow" style={{minHeight:'145px'}}>
        <div className="row">
          <div className="col-md-8">
            <div className="resultantSQlQueryClass">
              <label className="boxheading">Resultant Sql Queries</label>
          		{renderResultantSQLQueries}
              <br/>
            </div>
          </div>
        </div>
	    </div>
		);
	}
}
