text: "use strict";
  Object.defineProperty(exports, "__esModule", { value: true });
  var tslib_1 = require("tslib");
  /* tslint:disable:no-unused-variable */
  var React = require("react");
  /* tslint:enable:no-unused-variable */
  var Button_1 = require("office-ui-fabric-react/lib/Button");
  var TeachingBubble_1 = require("office-ui-fabric-react/lib/TeachingBubble");
  var TeachingBubbleCondensedExample = (function (_super) {
      tslib_1.__extends(TeachingBubbleCondensedExample, _super);
      function TeachingBubbleCondensedExample() {
          var _this = _super.call(this) || this;
          _this._onDismiss = _this._onDismiss.bind(_this);
          _this.state = {
              isTeachingBubbleVisible: false,
          };
          return _this;
      }
      TeachingBubbleCondensedExample.prototype.render = function () {
          var _this = this;
          var isTeachingBubbleVisible = this.state.isTeachingBubbleVisible;
          return (React.createElement("div", { className: 'ms-TeachingBubbleExample' },
              React.createElement("span", { className: 'ms-TeachingBubbleBasicExample-buttonArea', ref: function (menuButton) { return _this._menuButtonElement = menuButton; } },
                  React.createElement(Button_1.DefaultButton, { onClick: this._onDismiss, text: isTeachingBubbleVisible ? 'Hide TeachingBubble' : 'Show TeachingBubble' })),
              isTeachingBubbleVisible ? (React.createElement("div", null,
                  React.createElement(TeachingBubble_1.TeachingBubble, { targetElement: this._menuButtonElement, hasCondensedHeadline: true, onDismiss: this._onDismiss, hasCloseIcon: true, headline: 'Discover what’s trending around you' }, "Lorem ipsum dolor sit amet, consectetur adipisicing elit. Facere, nulla, ipsum? Molestiae quis aliquam magni harum non?"))) : (null)));
      };
      TeachingBubbleCondensedExample.prototype._onDismiss = function (ev) {
          this.setState({
              isTeachingBubbleVisible: !this.state.isTeachingBubbleVisible
          });
      };
      return TeachingBubbleCondensedExample;
  }(React.Component));
  exports.TeachingBubbleCondensedExample = TeachingBubbleCondensedExample;
  //# sourceMappingURL=TeachingBubble.Condensed.Example.js.map