define(["require", "exports", "tslib", "react", "office-ui-fabric-react/lib/Button", "./ContextualMenuExample.scss"], function (require, exports, tslib_1, React, Button_1) {
    "use strict";
    Object.defineProperty(exports, "__esModule", { value: true });
    var ContextualMenuSubmenuExample = (function (_super) {
        tslib_1.__extends(ContextualMenuSubmenuExample, _super);
        function ContextualMenuSubmenuExample() {
            return _super !== null && _super.apply(this, arguments) || this;
        }
        ContextualMenuSubmenuExample.prototype.render = function () {
            return (React.createElement("div", null,
                React.createElement(Button_1.DefaultButton, { id: 'ContextualMenuButton2', text: 'Click for ContextualMenu', menuProps: {
                        shouldFocusOnMount: true,
                        items: [
                            {
                                key: 'newItem',
                                subMenuProps: {
                                    items: [
                                        {
                                            key: 'emailMessage',
                                            name: 'Email message',
                                            title: 'Create an email'
                                        },
                                        {
                                            key: 'calendarEvent',
                                            name: 'Calendar event',
                                            title: 'Create a calendar event',
                                        }
                                    ],
                                },
                                name: 'New'
                            },
                            {
                                key: 'share',
                                subMenuProps: {
                                    items: [
                                        {
                                            key: 'sharetotwitter',
                                            name: 'Share to Twitter',
                                        },
                                        {
                                            key: 'sharetofacebook',
                                            name: 'Share to Facebook',
                                        },
                                        {
                                            key: 'sharetoemail',
                                            name: 'Share to Email',
                                            subMenuProps: {
                                                items: [
                                                    {
                                                        key: 'sharetooutlook_1',
                                                        name: 'Share to Outlook',
                                                        title: 'Share to Outlook',
                                                    },
                                                    {
                                                        key: 'sharetogmail_1',
                                                        name: 'Share to Gmail',
                                                        title: 'Share to Gmail',
                                                    }
                                                ],
                                            },
                                        },
                                    ],
                                },
                                name: 'Share'
                            }
                        ]
                    } })));
        };
        return ContextualMenuSubmenuExample;
    }(React.Component));
    exports.ContextualMenuSubmenuExample = ContextualMenuSubmenuExample;
});
//# sourceMappingURL=ContextualMenu.Submenu.Example.js.map