define(["require", "exports", "tslib", "react", "@uifabric/experiments"], function (require, exports, tslib_1, React, experiments_1) {
    "use strict";
    Object.defineProperty(exports, "__esModule", { value: true });
    var MicroFeedbackStackExample = /** @class */ (function (_super) {
        tslib_1.__extends(MicroFeedbackStackExample, _super);
        function MicroFeedbackStackExample() {
            return _super !== null && _super.apply(this, arguments) || this;
        }
        MicroFeedbackStackExample.prototype.render = function () {
            var followUpOnDislike = {
                options: ['Translation is incorrect', 'Context is incorrect', 'Language can be better'],
                question: 'Please help us improve',
                id: 'dislike',
            };
            var followUpOnLike = {
                options: ['Translation is great', 'Context is great'],
                question: 'Please help us improve',
                id: 'like',
            };
            var sendFeedbackCallback = function (vote) {
                // can be sent to a backend that collects user feedback
                console.log('Logged vote type:', vote);
            };
            var sendFollowupIndexCallback = function (id, index) {
                // can be sent to a backend that collects user feedback
                console.log('Logged selection index:', index, 'with id:', id);
            };
            return (React.createElement(experiments_1.MicroFeedback, { inline: true, dislikeQuestion: followUpOnDislike, likeQuestion: followUpOnLike, likeIconTitle: "Like", dislikeIconTitle: "Dislike", 
                /* eslint-disable react/jsx-no-bind */
                sendFeedback: sendFeedbackCallback, sendFollowUpIndex: sendFollowupIndexCallback, 
                /* eslint-enable react/jsx-no-bind */
                thanksText: "Thank you!", tokens: { followUpBackgroundColor: 'lightgrey' } }));
        };
        return MicroFeedbackStackExample;
    }(React.Component));
    exports.MicroFeedbackStackExample = MicroFeedbackStackExample;
});
//# sourceMappingURL=MicroFeedbackStack.Example.js.map