"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
var React = require("react");
var Nav_1 = require("office-ui-fabric-react/lib/Nav");
exports.NavFabricDemoAppExample = function () {
    return (React.createElement(Nav_1.Nav, { styles: { root: { width: 300 } }, ariaLabel: "Nav example similiar to one found in this demo page", groups: [
            {
                name: 'Basic components',
                expandAriaLabel: 'Expand Basic components section',
                collapseAriaLabel: 'Collapse Basic components section',
                links: [
                    {
                        key: 'ActivityItem',
                        name: 'ActivityItem',
                        url: '#/examples/activityitem'
                    },
                    {
                        key: 'Breadcrumb',
                        name: 'Breadcrumb',
                        url: '#/examples/breadcrumb'
                    },
                    {
                        key: 'Button',
                        name: 'Button',
                        url: '#/examples/button'
                    }
                ]
            },
            {
                name: 'Extended components',
                expandAriaLabel: 'Expand Extended components section',
                collapseAriaLabel: 'Collapse Extended components section',
                links: [
                    {
                        key: 'ColorPicker',
                        name: 'ColorPicker',
                        url: '#/examples/colorpicker'
                    },
                    {
                        key: 'ExtendedPeoplePicker',
                        name: 'ExtendedPeoplePicker',
                        url: '#/examples/extendedpeoplepicker'
                    },
                    {
                        key: 'GroupedList',
                        name: 'GroupedList',
                        url: '#/examples/groupedlist'
                    }
                ]
            },
            {
                name: 'Utilities',
                expandAriaLabel: 'Expand Utilities section',
                collapseAriaLabel: 'Collapse Utilities section',
                links: [
                    {
                        key: 'FocusTrapZone',
                        name: 'FocusTrapZone',
                        url: '#/examples/focustrapzone'
                    },
                    {
                        key: 'FocusZone',
                        name: 'FocusZone',
                        url: '#/examples/focuszone'
                    },
                    {
                        key: 'MarqueeSelection',
                        name: 'MarqueeSelection',
                        url: '#/examples/marqueeselection'
                    }
                ]
            }
        ] }));
};
//# sourceMappingURL=Nav.FabricDemoApp.Example.js.map