import React, { Component } from 'react';
import TextEditor from '../../components/textEditor';

class Editor extends Component {
  state = {
    articleTitle: '',
    articleBody: '',
  };

  render() {
    return (
      <div class="container">
        <form>
          <input class="form-control" value={this.state.articleTitle} type="text" placeholder="Title" onChange={this.articleTitleHandler} />
          <TextEditor
            articleBody={this.state.articleBody}
          />
          <button type="submit" class="btn btn-primary">Submit</button>
        </form>
      </div>
    );
  }

  articleTitleHandler = (e) => {
    const title = e.target.value;
    this.setState({
      articleTitle: title
    });
  }
};

export default Editor;