define(["require", "exports", "react", "@fluentui/react-next/lib/ContextualMenu", "@fluentui/react-next/lib/compat/Button", "@uifabric/react-hooks"], function (require, exports, React, ContextualMenu_1, Button_1, react_hooks_1) {
    "use strict";
    Object.defineProperty(exports, "__esModule", { value: true });
    exports.ContextualMenuWithCustomMenuItemExample = function () {
        var menuProps = react_hooks_1.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: ContextualMenu_1.ContextualMenuItemType.Divider },
                { key: 'rename', text: 'Rename' },
                { key: 'edit', text: 'Edit' },
                { key: 'properties', text: 'Properties' },
                { key: 'disabled', text: 'Disabled item', disabled: true },
            ],
        }); });
        return React.createElement(Button_1.DefaultButton, { text: "Click for ContextualMenu", menuProps: menuProps });
    };
});
//# sourceMappingURL=ContextualMenu.CustomMenuItem.Example.js.map