import React from 'react'
import Plain from 'slate-plain-serializer'
import { KeyUtils } from 'slate'
import { Editor } from 'slate-react'

class CustomKeygenEditor extends React.Component {
  constructor (props) {
    super(props)
    let key = 0
    const keygen = () => {
      key += 1
      return props.uniqueId + key // custom keys
    }
    KeyUtils.setGenerator(keygen)
    this.initialValue = Plain.deserialize(props.content)
  }
  render () {
    return <Editor placeholder='Enter some plain text...' defaultValue={this.initialValue} style={this.props.style} />
  }
}

export default CustomKeygenEditor