content: require('normalize.css/normalize.css');
  require('styles/App.css');
  
  import Circle from './circle/Circle';
  import React from 'react';
  
  let yeomanImage = require('../images/yeoman.png');
  
  class AppComponent extends React.Component {
     constructor(props) {
        super(props);
  
        this.state = {
           "obj": [{ 'x': 200, 'y': 200 }]
        };
  
        this._onClick = this._onClick.bind(this);
     }
  
     render() {
        return (
           <div className="index" onClick={this._onClick}>
              <svg width="100%" height="100%">
                 {this.state.obj.map((c) => {
                    return <Circle x={c.x} y={c.y} />
                 })}
              </svg>
           </div>
        );
     }
  
     _onClick(event) {
        let { clientX, clientY } = event;
        let obj = this.state.obj;
        console.log(obj);
  
        obj = obj.push({
           'x': clientX,
           'y': clientY
        });
        this.setState({
           'obj': obj
        });
     }
  }
  
  AppComponent.defaultProps = {
  };
  
  export default AppComponent;
  