"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.LegendBasicExample = void 0;
var tslib_1 = require("tslib");
var React = require("react");
var react_charting_1 = require("@fluentui/react-charting");
var Styling_1 = require("@fluentui/react/lib-commonjs/Styling");
var LegendBasicExample = /** @class */ (function (_super) {
    tslib_1.__extends(LegendBasicExample, _super);
    function LegendBasicExample() {
        return _super !== null && _super.apply(this, arguments) || this;
    }
    LegendBasicExample.prototype.render = function () {
        var legends = [
            {
                title: 'fsd 1',
                color: Styling_1.DefaultPalette.blue,
                action: function () {
                    console.log('click from LegendsPage');
                    alert('Legend1 clicked');
                },
                onMouseOutAction: function () {
                    console.log('On mouse out action');
                },
                hoverAction: function () {
                    console.log('hover action');
                },
            },
            {
                title: 'Legend 2',
                color: Styling_1.DefaultPalette.red,
                action: function () {
                    alert('Legend2 clicked');
                },
                hoverAction: function () {
                    console.log('hover action');
                },
            },
            {
                title: 'Legend 3',
                color: Styling_1.DefaultPalette.green,
                action: function () {
                    alert('Legend3 clicked');
                },
                hoverAction: function () {
                    console.log('hover action');
                },
            },
            {
                title: 'Legend 4',
                color: Styling_1.DefaultPalette.yellow,
                shape: 'triangle',
                action: function () {
                    alert('Legend4 clicked');
                },
                hoverAction: function () {
                    console.log('hover action');
                },
            },
        ];
        return React.createElement(react_charting_1.Legends, { legends: legends });
    };
    return LegendBasicExample;
}(React.Component));
exports.LegendBasicExample = LegendBasicExample;
//# sourceMappingURL=Legends.Basic.Example.js.map