text: import React, { Component, PropTypes } from 'react';
  
  import styles from './MarkdownField.css';
  import InputField from './InputField';
  import MarkdownEditor from '../../../ui/MarkdownEditor';
  
  export default class MarkdownField extends InputField {
    handleValueChange(value) {
      this.props.onValueChange(this.props.definition, value);
    }
  
  
    renderInput() {
      const {name} = this.props.definition;
      const id = this.props.id + '-' + name;
      return (
        <div className={styles.markdown}>
          <MarkdownEditor
            id={id}
            initialValue={this.props.value}
            onBlur={this.handleValueChange.bind(this)}
          />
        </div>
      );
    }
  }
  