define(["require", "exports", "tslib", "react", "@uifabric/example-app-base", "../../../demo/AppDefinition", "office-ui-fabric-react/lib/Nav"], function (require, exports, tslib_1, React, example_app_base_1, AppDefinition_1, Nav_1) {
    "use strict";
    Object.defineProperty(exports, "__esModule", { value: true });
    var NavFabricDemoAppExample = /** @class */ (function (_super) {
        tslib_1.__extends(NavFabricDemoAppExample, _super);
        function NavFabricDemoAppExample() {
            return _super !== null && _super.apply(this, arguments) || this;
        }
        NavFabricDemoAppExample.prototype.render = function () {
            return (React.createElement(Nav_1.Nav, { groups: AppDefinition_1.AppDefinition.examplePages, onRenderLink: this._onRenderLink }));
        };
        NavFabricDemoAppExample.prototype._onRenderLink = function (link) {
            return ([
                React.createElement("span", { key: 1, className: 'Nav-linkText' }, link.name),
                (link.status !== undefined ?
                    React.createElement("span", { key: 2, className: 'Nav-linkFlair ' + 'is-state' + link.status }, example_app_base_1.ExampleStatus[link.status]) :
                    null)
            ]);
        };
        return NavFabricDemoAppExample;
    }(React.Component));
    exports.NavFabricDemoAppExample = NavFabricDemoAppExample;
});
//# sourceMappingURL=Nav.FabricDemoApp.Example.js.map