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;