import * as React from 'react';
import { Nav } from '@fluentui/react/lib/Nav';
var navStyles = { root: { width: 300 } };
var navLinkGroups = [
    {
        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',
            },
        ],
    },
];
export var NavFabricDemoAppExample = function () {
    return (React.createElement(Nav, { styles: navStyles, ariaLabel: "Nav example similar to one found in this demo page", groups: navLinkGroups }));
};
//# sourceMappingURL=Nav.FabricDemoApp.Example.js.map