define(["require", "exports", "tslib", "react", "../../Utilities", "./TeachingBubbleContent", "../../Callout", "./TeachingBubble.scss"], function (require, exports, tslib_1, React, Utilities_1, TeachingBubbleContent_1, Callout_1, stylesImport) {
    "use strict";
    Object.defineProperty(exports, "__esModule", { value: true });
    var styles = stylesImport;
    var TeachingBubble = (function (_super) {
        tslib_1.__extends(TeachingBubble, _super);
        // Constructor
        function TeachingBubble(props) {
            var _this = _super.call(this, props) || this;
            _this.state = {};
            return _this;
        }
        TeachingBubble.prototype.render = function () {
            var _a = this.props, calloutProps = _a.calloutProps, targetElement = _a.targetElement;
            return (React.createElement(Callout_1.Callout, tslib_1.__assign({ className: Utilities_1.css('ms-TeachingBubble', styles.root), ref: this._resolveRef('_callout'), target: targetElement }, calloutProps),
                React.createElement(TeachingBubbleContent_1.TeachingBubbleContent, tslib_1.__assign({}, this.props))));
        };
        // Specify default props values
        TeachingBubble.defaultProps = {
            calloutProps: {
                beakWidth: 16,
                gapSpace: 0,
                setInitialFocus: true,
                doNotLayer: false,
                directionalHint: 12 /* rightCenter */
            }
        };
        return TeachingBubble;
    }(Utilities_1.BaseComponent));
    exports.TeachingBubble = TeachingBubble;
});
//# sourceMappingURL=TeachingBubble.js.map