import { __extends } from "tslib";
import * as React from 'react';
import { MicroFeedback } from '@uifabric/experiments';
var MicroFeedbackExample = /** @class */ (function (_super) {
    __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(MicroFeedback, { styles: microfeedbackStyles, likeIconTitle: "Like", dislikeIconTitle: "Dislike", thanksText: "Thank you!", 
                // eslint-disable-next-line react/jsx-no-bind
                sendFeedback: sendFeedbackCallback })));
    };
    return MicroFeedbackExample;
}(React.Component));
export { MicroFeedbackExample };
//# sourceMappingURL=MicroFeedback.Example.js.map