content: import React from 'react';
  import {BaseMixin, ElementaryMixin, ContentMixin, ColorSchemaMixin} from './../common/common.js';
  
  import './well.less';
  
  export const Well = React.createClass({
  
    //@@viewOn:mixins
    mixins: [
      BaseMixin,
      ElementaryMixin,
      ContentMixin,
      ColorSchemaMixin
    ],
    //@@viewOff:mixins
  
    //@@viewOn:statics
    statics: {
      tagName: 'UU5.Bricks.Well',
      classNames: {
        main: 'uu5-bricks-well well'
      }
    },
    //@@viewOff:statics
  
    //@@viewOn:propTypes
    propTypes: {
      size: React.PropTypes.oneOf(['sm', 'lg'])
    },
    //@@viewOff:propTypes
  
    //@@viewOn:getDefaultProps
    getDefaultProps: function () {
      return {
        size: null
      };
    },
    //@@viewOff:getDefaultProps
  
    //@@viewOn:standardComponentLifeCycle
    //@@viewOff:standardComponentLifeCycle
  
    //@@viewOn:interface
    //@@viewOff:interface
  
    //@@viewOn:overridingMethods
    //@@viewOff:overridingMethods
  
    //@@viewOn:componentSpecificHelpers
    //@@viewOff:componentSpecificHelpers
  
    //@@viewOn:render
    render: function () {
      var mainAttrs = this.buildMainAttrs();
      this.props.size && (mainAttrs.className += ' well-' + this.props.size);
  
      return (
        <div {...mainAttrs}>
          {this.getChildren()}
          {this.getDisabledCover()}
        </div>
      );
    }
    //@@viewOff:render
  });
  
  export default Well;