// load theme styles with webpack
require('medium-editor/dist/css/medium-editor.css');
require('medium-editor/dist/css/themes/default.css');

var App = React.createClass({
  getInitialState() {
    return {
      text: 'Fusce dapibus, tellus ac cursus commodo'
    };
  },

  render() {
    return (
      <div>
        <div>{this.state.text}</div>
        <Editor
          tag="h1"
          text={this.state.text}
          onChange={this.handleChange}
          options={{buttons: ['bold', 'italic', 'underline']}}
        />
        <Editor
          text={this.state.text}
          onChange={this.handleChange}
        />
      </div>
    );
  },

  handleChange(text) {
    this.setState({text: text});
  }
});