import * as React from 'react';
import { DefaultButton } from '@fluentui/react/lib/Button';
import { useConst } from '@fluentui/react-hooks';
export var ContextualMenuPersistedExample = function () {
    var menuProps = useConst(function () { return ({
        shouldFocusOnMount: true,
        shouldFocusOnContainer: true,
        items: [
            { 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: 'disabled', text: 'Disabled item', disabled: true },
        ],
    }); });
    return React.createElement(DefaultButton, { text: "Click for ContextualMenu", persistMenu: true, menuProps: menuProps });
};
//# sourceMappingURL=ContextualMenu.Persisted.Example.js.map