content: import React from 'react';
  import BaseMixin from '../common/base-mixin.js';
  import ElementaryMixin from '../common/elementary-mixin.js';
  import LsiMixin from '../common/lsi-mixin.js';
  import Span from './span.js';
  
  import './lsi.less';
  
  export const Lsi = React.createClass({
  
    //@@viewOn:mixins
    mixins: [
      BaseMixin,
      ElementaryMixin,
      LsiMixin
    ],
    //@@viewOff:mixins
  
    //@@viewOn:statics
    statics: {
      tagName: 'UU5.Bricks.Lsi',
      classNames: {
        main: 'uu5-bricks-lsi'
      }
    },
    //@@viewOff:statics
  
    //@@viewOn:propTypes
    propTypes: {
      lsi: React.PropTypes.object
    },
    //@@viewOff:propTypes
  
    //@@viewOn:getDefaultProps
    getDefaultProps: function () {
      return {
        lsi: null
      };
    },
    //@@viewOff:getDefaultProps
  
    //@@viewOn:standardComponentLifeCycle
    //@@viewOff:standardComponentLifeCycle
  
    //@@viewOn:interface
    //@@viewOff:interface
  
    //@@viewOn:overridingMethods
    //@@viewOff:overridingMethods
  
    //@@viewOn:componentSpecificHelpers
    //@@viewOff:componentSpecificHelpers
  
    //@@viewOn:render
    render: function () {
      return (
        <Span {...this.getMainPropsToPass()} content={this.getLSIItem(this.props.lsi)} />
      );
    }
    //@@viewOff:render
  });
  
  export default Lsi;
  