"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
var tslib_1 = require("tslib");
var React = require("react");
var react_button_1 = require("@fluentui/react-button");
var office_ui_fabric_react_1 = require("office-ui-fabric-react");
var classes = require("../utils/Button.stories.scss");
var menuProps = {
    items: [
        {
            key: 'a',
            name: 'Item a',
        },
        {
            key: 'b',
            name: 'Item b',
        },
    ],
};
var MenuButtonVariants = function (props) { return (React.createElement("div", { className: classes.hStack },
    React.createElement(react_button_1.MenuButton, tslib_1.__assign({}, props, { icon: "O", menu: menuProps }), "Hello, world"),
    React.createElement(react_button_1.MenuButton, tslib_1.__assign({}, props, { icon: "O", primary: true, menu: menuProps }), "Hello, world"),
    React.createElement(react_button_1.MenuButton, tslib_1.__assign({}, props, { icon: "O", disabled: true, menu: menuProps }), "Hello, world"),
    React.createElement(react_button_1.MenuButton, tslib_1.__assign({}, props, { icon: "O", primary: true, disabled: true, menu: menuProps }), "Hello, world"),
    React.createElement(react_button_1.MenuButton, tslib_1.__assign({}, props, { icon: "O", ghost: true, menu: menuProps }), "Hello, world"),
    React.createElement(react_button_1.MenuButton, tslib_1.__assign({}, props, { icon: "O", ghost: true, disabled: true, menu: menuProps }), "Hello, world"))); };
exports.MenuButtonCss = function () { return (React.createElement(office_ui_fabric_react_1.Stack, { gap: 20 },
    React.createElement(office_ui_fabric_react_1.Text, { variant: "xLarge" }, "A button comes in default and `primary` flavors."),
    React.createElement(MenuButtonVariants, null),
    React.createElement(office_ui_fabric_react_1.Text, { variant: "xLarge" }, "A button can appear round using the `circular` prop."),
    React.createElement(MenuButtonVariants, { circular: true }),
    React.createElement(office_ui_fabric_react_1.Text, { variant: "xLarge" }, "A button can fill the width of its container using the `fluid` prop."),
    React.createElement("div", { className: classes.vStack },
        React.createElement(react_button_1.MenuButton, { fluid: true, menu: menuProps }, "Hello, world"),
        React.createElement(react_button_1.MenuButton, { fluid: true, primary: true, menu: menuProps }, "Hello, world"),
        React.createElement(react_button_1.MenuButton, { fluid: true, disabled: true, menu: menuProps }, "Hello, world"),
        React.createElement(react_button_1.MenuButton, { fluid: true, primary: true, disabled: true, menu: menuProps }, "Hello, world"),
        React.createElement(react_button_1.MenuButton, { fluid: true, ghost: true, menu: menuProps }, "Hello, world"),
        React.createElement(react_button_1.MenuButton, { fluid: true, ghost: true, disabled: true, menu: menuProps }, "Hello, world")),
    React.createElement(office_ui_fabric_react_1.Text, { variant: "xLarge" }, "A button can contain only an icon using the `iconOnly` prop."),
    React.createElement(MenuButtonVariants, { iconOnly: true }),
    React.createElement(office_ui_fabric_react_1.Text, null, "A button can be both `circular` and `iconOnly`."),
    React.createElement(MenuButtonVariants, { circular: true, iconOnly: true }),
    React.createElement(office_ui_fabric_react_1.Text, { variant: "xLarge" }, "A button can show a loading indicator using the `loading` prop."),
    React.createElement(MenuButtonVariants, { loading: true }),
    React.createElement(office_ui_fabric_react_1.Text, { variant: "xLarge" }, "A button can be sized."),
    React.createElement("div", { className: classes.vStack },
        React.createElement(MenuButtonVariants, { size: "smallest" }),
        React.createElement(MenuButtonVariants, { size: "smaller" }),
        React.createElement(MenuButtonVariants, { size: "small" }),
        React.createElement(MenuButtonVariants, { size: "large" }),
        React.createElement(MenuButtonVariants, { size: "larger" }),
        React.createElement(MenuButtonVariants, { size: "largest" })))); };
//# sourceMappingURL=MenuButton.stories.js.map