define(["require", "exports", "react", "@fluentui/react/lib/Nav"], function (require, exports, React, Nav_1) {
    "use strict";
    Object.defineProperty(exports, "__esModule", { value: true });
    exports.NavWrappedExample = void 0;
    var navStyles = {
        root: {
            width: 208,
            height: 350,
            boxSizing: 'border-box',
            border: '1px solid #eee',
            overflowY: 'auto',
        },
        // these link styles override the default truncation behavior
        link: {
            whiteSpace: 'normal',
            lineHeight: 'inherit',
        },
    };
    // adding an empty title string to each link removes the tooltip;
    // it's unnecessary now that the text wraps, and will not truncate
    var navLinkGroups = [
        {
            links: [
                {
                    name: 'Home',
                    url: 'http://example.com',
                    expandAriaLabel: 'Expand Home section',
                    collapseAriaLabel: 'Collapse Home section',
                    title: '',
                    links: [
                        {
                            name: 'Activity',
                            url: 'http://msn.com',
                            key: 'key1',
                            target: '_blank',
                            title: '',
                        },
                        {
                            name: 'MSN',
                            url: 'http://msn.com',
                            disabled: true,
                            key: 'key2',
                            target: '_blank',
                            title: '',
                        },
                    ],
                    isExpanded: true,
                },
                {
                    name: 'Shared Documents and Files',
                    url: 'http://example.com',
                    key: 'key3',
                    target: '_blank',
                    title: '',
                },
                {
                    name: 'Pages',
                    url: 'http://msn.com',
                    key: 'key4',
                    target: '_blank',
                    title: '',
                },
                {
                    name: 'Notebook',
                    url: 'http://msn.com',
                    key: 'key5',
                    disabled: true,
                    title: '',
                },
                {
                    name: 'Communication and Media',
                    url: 'http://msn.com',
                    key: 'key6',
                    target: '_blank',
                    title: '',
                },
                {
                    name: 'News',
                    url: 'http://cnn.com',
                    icon: 'News',
                    key: 'key7',
                    target: '_blank',
                    title: '',
                },
            ],
        },
    ];
    var NavWrappedExample = function () {
        return (React.createElement(Nav_1.Nav, { selectedKey: "key6", ariaLabel: "Nav example with wrapped link text", styles: navStyles, groups: navLinkGroups }));
    };
    exports.NavWrappedExample = NavWrappedExample;
});
//# sourceMappingURL=Nav.Wrapped.Example.js.map