define(["require", "exports", "tslib", "react", "@uifabric/example-app-base", "./Legends.Overflow.Example", "./Legends.Basic.Example", "./Legends.WrapLines.Example"], function (require, exports, tslib_1, React, example_app_base_1, Legends_Overflow_Example_1, Legends_Basic_Example_1, Legends_WrapLines_Example_1) {
    "use strict";
    Object.defineProperty(exports, "__esModule", { value: true });
    var LegendsOverflowExampleCode = require('!raw-loader!@fluentui/react-examples/src/charting/Legends/Legends.Overflow.Example.tsx');
    var LegendsWrapLinesExampleCode = require('!raw-loader!@fluentui/react-examples/src/charting/Legends/Legends.WrapLines.Example.tsx');
    var LegendsBasicExampleCode = require('!raw-loader!@fluentui/react-examples/src/charting/Legends/Legends.Basic.Example.tsx');
    var LegendsPage = /** @class */ (function (_super) {
        tslib_1.__extends(LegendsPage, _super);
        function LegendsPage() {
            return _super !== null && _super.apply(this, arguments) || this;
        }
        LegendsPage.prototype.render = function () {
            return (React.createElement(example_app_base_1.ComponentPage, { title: "Legends", componentName: "Legends", exampleCards: React.createElement("div", null,
                    React.createElement(example_app_base_1.ExampleCard, { title: "Legends with overflow", code: LegendsOverflowExampleCode },
                        React.createElement(Legends_Overflow_Example_1.LegendOverflowExample, null)),
                    React.createElement(example_app_base_1.ExampleCard, { title: "Legends with wrap lines", code: LegendsWrapLinesExampleCode },
                        React.createElement(Legends_WrapLines_Example_1.LegendWrapLinesExample, null)),
                    React.createElement(example_app_base_1.ExampleCard, { title: "Legends with no overflow", code: LegendsBasicExampleCode },
                        React.createElement(Legends_Basic_Example_1.LegendBasicExample, null))), propertiesTables: React.createElement(example_app_base_1.PropertiesTableSet, { sources: [require('!raw-loader!@uifabric/charting/src/components/Legends/Legends.types.ts')], renderOnly: ['ILegendsProps', 'ILegend', 'ILegendsStyles'] }), overview: React.createElement("div", null,
                    React.createElement("p", null, "The legends wrap based upon the space available for them. If there is not enough space to show all legends on a single line, the legends fall into a overfow menu. Text appears indicating the number of legends in the overflow menu. The legneds are selectable and action to be performed upon clicking a certain legend can be passed.")) }));
        };
        return LegendsPage;
    }(React.Component));
    exports.LegendsPage = LegendsPage;
});
//# sourceMappingURL=LegendsPage.js.map