"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.MicroFeedbackExample = void 0;
var tslib_1 = require("tslib");
var React = require("react");
var react_experiments_1 = require("@fluentui/react-experiments");
var MicroFeedbackExample = /** @class */ (function (_super) {
    tslib_1.__extends(MicroFeedbackExample, _super);
    function MicroFeedbackExample() {
        return _super !== null && _super.apply(this, arguments) || this;
    }
    MicroFeedbackExample.prototype.render = function () {
        var sendFeedbackCallback = function (vote) {
            // can be sent to a backend that collects user feedback
            console.log('Logged vote type:', vote);
        };
        var microfeedbackStyles = {
            root: {
                float: 'left',
            },
        };
        return (React.createElement("div", null,
            React.createElement(react_experiments_1.MicroFeedback, { styles: microfeedbackStyles, likeIconTitle: "Like", dislikeIconTitle: "Dislike", thanksText: "Thank you!", 
                // eslint-disable-next-line react/jsx-no-bind
                sendFeedback: sendFeedbackCallback })));
    };
    return MicroFeedbackExample;
}(React.Component));
exports.MicroFeedbackExample = MicroFeedbackExample;
//# sourceMappingURL=MicroFeedback.Example.js.map