define(["require", "exports", "react", "@fluentui/react/lib/ContextualMenu", "@fluentui/react/lib/Button", "@fluentui/react-hooks"], function (require, exports, React, ContextualMenu_1, Button_1, react_hooks_1) {
    "use strict";
    Object.defineProperty(exports, "__esModule", { value: true });
    exports.ContextualMenuWithScrollBarExample = void 0;
    var ContextualMenuWithScrollBarExample = function () {
        var menuProps = react_hooks_1.useConst(function () { return ({
            shouldFocusOnMount: true,
            directionalHint: ContextualMenu_1.DirectionalHint.bottomRightEdge,
            directionalHintFixed: true,
            items: [
                { key: 'newItem', text: 'New' },
                { key: 'item 2', text: 'Item with a very long label text' },
                { key: 'edit', text: 'Edit' },
                { key: 'properties', text: 'Properties' },
                { key: 'disabled', text: 'Disabled item', disabled: true },
            ],
            calloutProps: {
                calloutMaxHeight: 65,
            },
        }); });
        return React.createElement(Button_1.DefaultButton, { text: "Click for ContextualMenu", menuProps: menuProps });
    };
    exports.ContextualMenuWithScrollBarExample = ContextualMenuWithScrollBarExample;
});
//# sourceMappingURL=ContextualMenu.ScrollBar.Example.js.map