import { __extends } from "tslib";
import * as React from 'react';
import { MicroFeedback } from '@fluentui/react-experiments';
var MicroFeedbackCalloutExample = /** @class */ (function (_super) {
    __extends(MicroFeedbackCalloutExample, _super);
    function MicroFeedbackCalloutExample() {
        return _super !== null && _super.apply(this, arguments) || this;
    }
    MicroFeedbackCalloutExample.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("div", null,
            React.createElement(MicroFeedback, { 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!" })));
    };
    return MicroFeedbackCalloutExample;
}(React.Component));
export { MicroFeedbackCalloutExample };
//# sourceMappingURL=MicroFeedbackCallout.Example.js.map