import { __extends } from "tslib";
import * as React from 'react';
import { SplitButton } from '@uifabric/experiments';
import { Stack } from 'office-ui-fabric-react';
/* 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(Stack, { horizontal: true, disableShrink: true, tokens: tokens.buttonStack }, props.children)); };
var SplitButtonExample = /** @class */ (function (_super) {
    __extends(SplitButtonExample, _super);
    function SplitButtonExample() {
        return _super !== null && _super.apply(this, arguments) || this;
    }
    SplitButtonExample.prototype.render = function () {
        return (React.createElement(Stack, { tokens: tokens.sectionStack },
            React.createElement(Stack, { tokens: tokens.headingStack },
                React.createElement("div", null,
                    React.createElement(Stack, { tokens: tokens.buttonStack },
                        React.createElement(ButtonStack, null,
                            React.createElement(SplitButton, { icon: "Add", content: "Default split button", menu: menuProps, onClick: alertClicked }),
                            React.createElement(SplitButton, { disabled: true, icon: "Add", content: "Disabled split button", menu: menuProps, onClick: alertClicked }),
                            React.createElement(SplitButton, { primary: true, icon: "Add", content: "Primary split button", menu: menuProps, onClick: alertClicked }),
                            React.createElement(SplitButton, { disabled: true, primary: true, icon: "Add", content: "Disabled primary split button", menu: menuProps, onClick: alertClicked })),
                        React.createElement(ButtonStack, null,
                            React.createElement(SplitButton, { primaryActionDisabled: true, icon: "Add", content: "First action disabled split button", menu: menuProps, onClick: alertClicked }),
                            React.createElement(SplitButton, { primaryActionDisabled: true, primary: true, icon: "Add", content: "First action disabled primary split button", menu: menuProps, onClick: alertClicked })))))));
    };
    return SplitButtonExample;
}(React.Component));
export { SplitButtonExample };
//# sourceMappingURL=SplitButton.Example.js.map