"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
var React = require("react");
var ContextualMenu_1 = require("office-ui-fabric-react/lib-commonjs/ContextualMenu");
var Button_1 = require("office-ui-fabric-react/lib-commonjs/Button");
var react_hooks_1 = require("@uifabric/react-hooks");
exports.ContextualMenuDefaultExample = function () {
    var menuProps = react_hooks_1.useConst(function () { return ({
        shouldFocusOnMount: true,
        items: [
            { key: 'newItem', text: 'New', onClick: function () { return console.log('New clicked'); } },
            { key: 'divider_1', itemType: ContextualMenu_1.ContextualMenuItemType.Divider },
            { key: 'rename', text: 'Rename', onClick: function () { return console.log('Rename clicked'); } },
            { key: 'edit', text: 'Edit', onClick: function () { return console.log('Edit clicked'); } },
            { key: 'properties', text: 'Properties', onClick: function () { return console.log('Properties clicked'); } },
            { key: 'linkNoTarget', text: 'Link same window', href: 'http://bing.com' },
            { key: 'linkWithTarget', text: 'Link new window', href: 'http://bing.com', target: '_blank' },
            {
                key: 'linkWithOnClick',
                name: 'Link click',
                href: 'http://bing.com',
                onClick: function (ev) {
                    alert('Link clicked');
                    ev.preventDefault();
                },
                target: '_blank',
            },
            {
                key: 'disabled',
                text: 'Disabled item',
                disabled: true,
                onClick: function () { return console.error('Disabled item should not be clickable.'); },
            },
        ],
    }); });
    return React.createElement(Button_1.DefaultButton, { text: "Click for ContextualMenu", menuProps: menuProps });
};
//# sourceMappingURL=ContextualMenu.Default.Example.js.map