content: import React from 'react';
  import shallowCompare from 'react-addons-shallow-compare';
  
  export default class Text extends React.Component {
  
    static displayName = 'Text'
  
    static propTypes = {
      l10n: React.PropTypes.object.isRequired,
      id: React.PropTypes.string,
      className: React.PropTypes.string,
      onTranslate: React.PropTypes.func
    }
  
    shouldComponentUpdate (nextProps, nextState) {
      return shallowCompare(this, nextProps, nextState);
    }
  
    render () {
      const {
        id,
        className,
        l10n
        } = this.props;
  
      return (
        <span id={id}
              className={className}
              data-l10n-id={l10n ? l10n.id : null}
              data-l10n-args={l10n.args ? JSON.stringify(l10n.args) : null}
              data-l10n-with={l10n.bundle ? l10n.bundle : null}>
          {this.props.children ?
            this.props.children
            :
            String.fromCharCode(160)
          }
        </span>
      );
    }
  }
  
  