"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
var tslib_1 = require("tslib");
var React = require("react");
var office_ui_fabric_react_1 = require("office-ui-fabric-react");
var experiments_1 = require("@uifabric/experiments");
var tokens = {
    sectionStack: {
        childrenGap: 32,
    },
    buttonStack: {
        childrenGap: 12,
    },
};
var ButtonStack = function (props) { return (React.createElement(office_ui_fabric_react_1.Stack, { horizontal: true, disableShrink: true, tokens: tokens.buttonStack }, props.children)); };
var ButtonVariantsExample = /** @class */ (function (_super) {
    tslib_1.__extends(ButtonVariantsExample, _super);
    function ButtonVariantsExample() {
        return _super !== null && _super.apply(this, arguments) || this;
    }
    ButtonVariantsExample.prototype.render = function () {
        var menuProps = {
            items: [
                {
                    key: 'a',
                    name: 'Item a',
                },
                {
                    key: 'b',
                    name: 'Item b',
                },
            ],
        };
        return (React.createElement(office_ui_fabric_react_1.Stack, { tokens: tokens.sectionStack },
            React.createElement(office_ui_fabric_react_1.Stack, { tokens: tokens.buttonStack },
                React.createElement(ButtonStack, null,
                    React.createElement(experiments_1.Actionable, null, "Actionable"),
                    React.createElement(experiments_1.Actionable, { disabled: true }, "Disabled Actionable")),
                React.createElement(ButtonStack, null,
                    React.createElement(experiments_1.DefaultButton, { content: "Default button" }),
                    React.createElement(experiments_1.DefaultButton, { disabled: true, content: "Disabled default button" }),
                    React.createElement(experiments_1.PrimaryButton, { content: "Primary button" }),
                    React.createElement(experiments_1.PrimaryButton, { disabled: true, content: "Disabled primary button" })),
                React.createElement(ButtonStack, null,
                    React.createElement(experiments_1.ActionButton, { content: "Action button" }),
                    React.createElement(experiments_1.ActionButton, { disabled: true, content: "Disabled action button" })),
                React.createElement(ButtonStack, null,
                    React.createElement(experiments_1.CommandBarButton, { content: "Command bar button" }),
                    React.createElement(experiments_1.CommandBarButton, { disabled: true, content: "Disabled command bar button" })),
                React.createElement(ButtonStack, null,
                    React.createElement(experiments_1.CompoundButton, { content: "Compound button", secondaryText: "Enabled" }),
                    React.createElement(experiments_1.CompoundButton, { primary: true, content: "Compound button", secondaryText: "Primary Enabled" }),
                    React.createElement(experiments_1.CompoundButton, { disabled: true, content: "Compound button", secondaryText: "Disabled" }),
                    React.createElement(experiments_1.CompoundButton, { primary: true, disabled: true, content: "Compound button", secondaryText: "Primary Disabled" })),
                React.createElement(ButtonStack, null,
                    React.createElement(office_ui_fabric_react_1.Stack, { horizontal: true, verticalAlign: "center" },
                        React.createElement(office_ui_fabric_react_1.Text, null, "Icon Button:"),
                        React.createElement(experiments_1.IconButton, { icon: { iconName: 'Emoji2' } }),
                        React.createElement(experiments_1.IconButton, { disabled: true, icon: { iconName: 'Emoji2' } }))),
                React.createElement(ButtonStack, null,
                    React.createElement(experiments_1.MessageBarButton, { content: "Default" }),
                    React.createElement(experiments_1.MessageBarButton, { primary: true, content: "Primary" }),
                    React.createElement(experiments_1.MessageBarButton, { disabled: true, content: "Disabled" }),
                    React.createElement(experiments_1.MessageBarButton, { primary: true, disabled: true, content: "P Disabled" })),
                React.createElement(ButtonStack, null,
                    React.createElement(experiments_1.MenuButton, { content: "Button", menu: menuProps }),
                    React.createElement(experiments_1.MenuButton, { primary: true, content: "Button", menu: menuProps }),
                    React.createElement(experiments_1.MenuButton, { disabled: true, content: "Button", menu: menuProps }),
                    React.createElement(experiments_1.MenuButton, { primary: true, disabled: true, content: "Button", menu: menuProps })),
                React.createElement(ButtonStack, null,
                    React.createElement(experiments_1.SplitButton, { content: "Button", menu: menuProps }),
                    React.createElement(experiments_1.SplitButton, { disabled: true, content: "Button", menu: menuProps }),
                    React.createElement(experiments_1.SplitButton, { primary: true, content: "Button", menu: menuProps }),
                    React.createElement(experiments_1.SplitButton, { disabled: true, primary: true, content: "Button", menu: menuProps }),
                    React.createElement(experiments_1.SplitButton, { primaryActionDisabled: true, content: "Button", menu: menuProps }),
                    React.createElement(experiments_1.SplitButton, { primaryActionDisabled: true, primary: true, content: "Button", menu: menuProps })))));
    };
    return ButtonVariantsExample;
}(React.Component));
exports.ButtonVariantsExample = ButtonVariantsExample;
//# sourceMappingURL=Button.Variants.Example.js.map