'use strict';

import React from 'react';
import Snippets from './Snippets'

class Form extends React.Component {

  constructor(props) {
    super(props);
  }

  render() { 

    var box = {
      width: "300px",
      height: "300px",
      background: "gray",
      display: "inline-flex",
      margin: "10px",
      textAlign: "center"
    }

    var wrapper = {
      textAlign: "center"
    }

    var p = {
      marginLeft: "auto",
      marginRight: "auto",
      height: "20px"
    }
    return (
      <div className="col-sm-12" style={wrapper}>
        <div className="wrapper">
          <div className="wrapper-boxes">
            <div className="box col-md-2" style={box} onClick={this.props.boxIsClicked} value={0}>
              <p style={p}>React function to set the initial state</p>
            </div>
            <div className="box col-md-2" style={box} onClick={this.props.boxIsClicked} value={1}>
              <p style={p}>Basic "<div>" container</p>
            </div>          
          </div>
          
        </div>

        <Snippets snippets={this.props.snippets}/>

      </div>
    );
  }

}

export default Form;
@@ -952,15 +952,11 @@
 sic 
-%22%3C
 div
-%3E%22
  con

put div no quotes or brackets