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,
        },
    };
    var alertClicked = function () {
        alert('Clicked');
    };
    var ButtonStack = function (props) { return (React.createElement(office_ui_fabric_react_1.Stack, { horizontal: true, disableShrink: true, tokens: tokens.buttonStack }, props.children)); };
    var SplitButtonExample = /** @class */ (function (_super) {
        tslib_1.__extends(SplitButtonExample, _super);
        function SplitButtonExample() {
            return _super !== null && _super.apply(this, arguments) || this;
        }
        SplitButtonExample.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.SplitButton, { icon: "Add", content: "Default split button", menu: menuProps, onClick: alertClicked }),
                                React.createElement(experiments_1.SplitButton, { disabled: true, icon: "Add", content: "Disabled split button", menu: menuProps, onClick: alertClicked }),
                                React.createElement(experiments_1.SplitButton, { primary: true, icon: "Add", content: "Primary split button", menu: menuProps, onClick: alertClicked }),
                                React.createElement(experiments_1.SplitButton, { disabled: true, primary: true, icon: "Add", content: "Disabled primary split button", menu: menuProps, onClick: alertClicked })),
                            React.createElement(ButtonStack, null,
                                React.createElement(experiments_1.SplitButton, { primaryActionDisabled: true, icon: "Add", content: "First action disabled split button", menu: menuProps, onClick: alertClicked }),
                                React.createElement(experiments_1.SplitButton, { primaryActionDisabled: true, primary: true, icon: "Add", content: "First action disabled primary split button", menu: menuProps, onClick: alertClicked })))))));
        };
        return SplitButtonExample;
    }(React.Component));
    exports.SplitButtonExample = SplitButtonExample;
});
//# sourceMappingURL=SplitButton.Example.js.map