import * as React from 'react';
import { DefaultButton } from '@fluentui/react-next/lib/compat/Button';
import { ContextualMenuItemType } from '@fluentui/react-next/lib/ContextualMenu';
import { useConst } from '@uifabric/react-hooks';
export var ContextualMenuHeaderExample = function () {
    var menuProps = useConst(function () { return ({
        shouldFocusOnMount: true,
        items: [
            {
                key: 'Actions',
                itemType: ContextualMenuItemType.Header,
                text: 'Actions',
                itemProps: { lang: 'en-us' },
            },
            {
                key: 'upload',
                iconProps: { iconName: 'Upload', style: { color: 'salmon' } },
                text: 'Upload',
                title: 'Upload a file',
            },
            { key: 'rename', text: 'Rename' },
            {
                key: 'share',
                iconProps: { iconName: 'Share' },
                subMenuProps: {
                    items: [
                        { key: 'sharetoemail', text: 'Share to Email', iconProps: { iconName: 'Mail' } },
                        { key: 'sharetofacebook', text: 'Share to Facebook' },
                        { key: 'sharetotwitter', text: 'Share to Twitter', iconProps: { iconName: 'Share' } },
                    ],
                },
                text: 'Sharing',
                ariaLabel: 'Sharing. Press enter, space or right arrow keys to open submenu.',
            },
            {
                key: 'navigation',
                itemType: ContextualMenuItemType.Header,
                text: 'Navigation',
            },
            { key: 'properties', text: 'Properties' },
            { key: 'print', iconProps: { iconName: 'Print' }, text: 'Print' },
            { key: 'Bing', text: 'Go to Bing', href: 'http://www.bing.com', target: '_blank' },
        ],
    }); });
    return React.createElement(DefaultButton, { text: "Click for ContextualMenu", menuProps: menuProps });
};
//# sourceMappingURL=ContextualMenu.Header.Example.js.map