import React, { Component } from 'react'
import {
  IntentEditor,
  EntityEditor
} from '@zef-dev/convoworks-intent-model-editor'
import '@zef-dev/convoworks-intent-model-editor/dist/index.css'

class IntentExample extends Component {
  render() {
    return (
      <IntentEditor
        intent={{}} // object
        entities={[]} // array
        systemEntities={[]} // array
        onUpdate={fn} // function
      />
    )
  }
}

class EntityExample extends Component {
  render() {
    return (
      <EntityEditor
        entity={{}} // object
        onUpdate={fn} // function 
      />
    )
  }
}