"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.ContextualMenuWithCustomMenuItemExample = void 0;
var React = require("react");
var ContextualMenu_1 = require("@fluentui/react/lib-commonjs/ContextualMenu");
var Button_1 = require("@fluentui/react/lib-commonjs/Button");
var react_hooks_1 = require("@fluentui/react-hooks");
var 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 });
};
exports.ContextualMenuWithCustomMenuItemExample = ContextualMenuWithCustomMenuItemExample;
//# sourceMappingURL=ContextualMenu.CustomMenuItem.Example.js.map