import React, { Component } from 'react';

class Editor extends Component {
  constructor(props) {
    super(props);
    this.state = {
      code: props.code
    };
  }

  render() {
    return (
      <div style={{
        height: '100%',
        width: '100%'
      }}>
        <textarea
          value={this.state.code}
          onChange={e => this.setState({ code: e.target.value })}
          style={{
            height: '80%',
            width: '100%',
            fontSize: '15px'
          }} />
        <div style={{ height: '20%', textAlign: 'center' }}>
          <button onClick={() => this.props.onClose(this.state.code)} style={{ fontSize: 'large' }}>
            Run
          </button>
        </div>
      </div>
    )
  }
}

export default Editor;