define(["require", "exports", "tslib", "react", "@uifabric/experiments", "office-ui-fabric-react"], function (require, exports, tslib_1, React, experiments_1, office_ui_fabric_react_1) {
    "use strict";
    Object.defineProperty(exports, "__esModule", { value: true });
    /* eslint-disable deprecation/deprecation */
    var menuProps = {
        items: [
            {
                key: 'a',
                name: 'Item a',
            },
            {
                key: 'b',
                name: 'Item b',
            },
        ],
    };
    var tokens = {
        sectionStack: {
            childrenGap: 32,
        },
        headingStack: {
            childrenGap: 16,
            padding: 8,
        },
        buttonStack: {
            childrenGap: 12,
        },
        multilineButtonStack: {
            padding: '8px 0px',
        },
    };
    var ButtonStack = function (props) { return (React.createElement(office_ui_fabric_react_1.Stack, { horizontal: true, disableShrink: true, tokens: tokens.buttonStack }, props.children)); };
    var MenuButtonExample = /** @class */ (function (_super) {
        tslib_1.__extends(MenuButtonExample, _super);
        function MenuButtonExample() {
            return _super !== null && _super.apply(this, arguments) || this;
        }
        MenuButtonExample.prototype.render = function () {
            return (React.createElement(office_ui_fabric_react_1.Stack, { tokens: tokens.sectionStack },
                React.createElement(office_ui_fabric_react_1.Stack, { tokens: tokens.headingStack },
                    React.createElement("div", null,
                        React.createElement(office_ui_fabric_react_1.Stack, { tokens: tokens.buttonStack },
                            React.createElement(ButtonStack, null,
                                React.createElement(experiments_1.MenuButton, { content: "Menu button", menu: menuProps }),
                                React.createElement(experiments_1.MenuButton, { primary: true, content: "Menu primary button", menu: menuProps }),
                                React.createElement(experiments_1.MenuButton, { disabled: true, content: "Menu disabled button", menu: menuProps })),
                            React.createElement(ButtonStack, null,
                                React.createElement(experiments_1.MenuButton, { icon: "Share", menu: menuProps },
                                    React.createElement(office_ui_fabric_react_1.Stack, { as: "span", horizontalAlign: "start", tokens: tokens.multilineButtonStack },
                                        React.createElement(office_ui_fabric_react_1.Text, null, "I am a compound multiline button."),
                                        React.createElement(office_ui_fabric_react_1.Text, { variant: "small" }, "I can have a caption.")))))))));
        };
        return MenuButtonExample;
    }(React.Component));
    exports.MenuButtonExample = MenuButtonExample;
});
//# sourceMappingURL=MenuButton.Example.js.map