import * as React from 'react';
import { ContextualMenuItemType } from '@fluentui/react/lib/ContextualMenu';
import { DefaultButton } from '@fluentui/react/lib/Button';
import { useConst } from '@fluentui/react-hooks';
export var ContextualMenuSectionExample = function () {
    var menuProps = useConst(function () { return ({
        items: [
            {
                key: 'section1',
                itemType: ContextualMenuItemType.Section,
                sectionProps: {
                    topDivider: true,
                    bottomDivider: true,
                    title: 'Actions',
                    items: [
                        { key: 'newItem', text: 'New' },
                        { key: 'deleteItem', text: 'Delete' },
                    ],
                },
            },
            {
                key: 'section2',
                itemType: ContextualMenuItemType.Section,
                sectionProps: {
                    title: 'Social',
                    items: [
                        { key: 'share', text: 'Share' },
                        { key: 'print', text: 'Print' },
                        { key: 'music', text: 'Music' },
                    ],
                },
            },
            {
                key: 'section3',
                itemType: ContextualMenuItemType.Section,
                sectionProps: {
                    title: 'Navigation',
                    items: [{ 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.Section.Example.js.map