content: import React, { Component } from 'react';
  import { EditorState } from 'draft-js';
  import Editor from '@draft-js-plugins/editor';
  import createLinkifyPlugin from '@draft-js-plugins/linkify';
  import editorStyles from './editorStyles.module.css';
  
  const linkifyPlugin = createLinkifyPlugin();
  const plugins = [linkifyPlugin];
  
  export default class SimpleMentionEditor extends Component {
    state = {
      editorState: EditorState.createEmpty(),
    };
  
    onChange = (editorState) => {
      this.setState({
        editorState,
      });
    };
  
    focus = () => {
      this.editor.focus();
    };
  
    render() {
      return (
        <div className={editorStyles.editor} onClick={this.focus}>
          <Editor
            editorState={this.state.editorState}
            onChange={this.onChange}
            plugins={plugins}
            ref={(element) => {
              this.editor = element;
            }}
          />
        </div>
      );
    }
  }
  