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 ContextualMenuWithCustomMenuItemExample = function () {
    var menuProps = useConst(function () { return ({
        shouldFocusOnMount: true,
        contextualMenuItemAs: function (props) { return React.createElement("div", null,
            "Custom rendered ",
            props.item.text); },
        items: [
            { key: 'newItem', text: 'New' },
            { key: 'divider_1', itemType: ContextualMenuItemType.Divider },
            { key: 'rename', text: 'Rename' },
            { key: 'edit', text: 'Edit' },
            { key: 'properties', text: 'Properties' },
            { key: 'disabled', text: 'Disabled item', disabled: true },
        ],
    }); });
    return React.createElement(DefaultButton, { text: "Click for ContextualMenu", menuProps: menuProps });
};
//# sourceMappingURL=ContextualMenu.CustomMenuItem.Example.js.map