var $$ = React.createElement;

// TextProperty
// ----------------
//

var TextProperty = React.createClass({
  displayName: "TextProperty",
  render: function() {
    var text = this.props.doc.get(this.props.path);
    // TODO: eventually I want to render annotated text here
    var annotatedText = text; // TODO create annotated html
    return $$("span", {
      className: "text-property " + this.props.className || "",
      contentEditable: true,
      "data-path": this.props.path.join('.'),
      dangerouslySetInnerHTML: {__html: annotatedText}
    });
  }
});

module.exports = TextProperty;

var $$ = React.createElement;

// TextProperty
// ----------------
//

var TextProperty = React.createClass({
  displayName: "TextProperty",
  render: function() {
    var text = this.props.doc.get(this.props.path) || "";
    // TODO: eventually I want to render annotated text here
    var annotatedText = text; // TODO create annotated html
    return $$("span", {
      className: "text-property " + this.props.className || "",
      contentEditable: true,
      "data-path": this.props.path.join('.'),
      dangerouslySetInnerHTML: {__html: annotatedText}
    });
  }
});

module.exports = TextProperty;

Use empty string for not existing properties.
Use empty string for not existing properties.
