define(["require", "exports", "react", "@fluentui/react/lib/Button", "@fluentui/react-hooks"], function (require, exports, React, Button_1, react_hooks_1) {
    "use strict";
    Object.defineProperty(exports, "__esModule", { value: true });
    exports.ContextualMenuScreenReaderExample = void 0;
    var ContextualMenuScreenReaderExample = function () {
        var menuItems = [
            {
                key: 'newItem',
                subMenuProps: {
                    items: [
                        { key: 'emailMessage', text: 'Email message', ariaDescription: 'Emails are fun' },
                        {
                            key: 'calendarEvent',
                            text: 'Calendar event',
                            ariaDescription: 'Calendar events are even more fun',
                        },
                    ],
                },
                href: 'https://bing.com',
                text: 'New',
                target: '_blank',
                ariaLabel: 'New. Press enter or right arrow keys to open submenu.',
                ariaDescription: 'Additional information about new item',
            },
            {
                key: 'share',
                subMenuProps: {
                    items: [
                        { key: 'sharetotwitter', text: 'Share to Twitter' },
                        { key: 'sharetofacebook', text: 'Share to Facebook' },
                        {
                            key: 'sharetoemail',
                            text: 'Share to Email',
                            subMenuProps: {
                                items: [
                                    { key: 'sharetooutlook_1', text: 'Share to Outlook', title: 'Share to Outlook' },
                                    { key: 'sharetogmail_1', text: 'Share to Gmail', title: 'Share to Gmail' },
                                ],
                            },
                        },
                    ],
                },
                text: 'Share',
                ariaLabel: 'Share. Press enter, space or right arrow keys to open submenu.',
                ariaDescription: 'Additional information about share item',
            },
            {
                key: 'shareSplit',
                split: true,
                'aria-roledescription': 'split button',
                subMenuProps: {
                    items: [
                        { key: 'sharetotwittersplit', text: 'Share to Twitter' },
                        { key: 'sharetofacebooksplit', text: 'Share to Facebook' },
                        {
                            key: 'sharetoemailsplit',
                            text: 'Share to Email',
                            subMenuProps: {
                                items: [
                                    { key: 'sharetooutlooksplit_1', text: 'Share to Outlook', title: 'Share to Outlook' },
                                    { key: 'sharetogmailsplit_1', text: 'Share to Gmail', title: 'Share to Gmail' },
                                ],
                            },
                        },
                    ],
                },
                text: 'Share w/ Split',
                ariaLabel: 'Share w/ Split. Press enter or space keys to trigger action. Press right arrow key to open submenu.',
                ariaDescription: 'Additional information about share split item',
            },
        ];
        var menuProps = react_hooks_1.useConst(function () { return ({
            items: menuItems,
        }); });
        return React.createElement(Button_1.DefaultButton, { text: "Click for ContextualMenu", menuProps: menuProps });
    };
    exports.ContextualMenuScreenReaderExample = ContextualMenuScreenReaderExample;
});
//# sourceMappingURL=ContextualMenu.ScreenReader.Example.js.map