"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.Sizes = exports.ButtonVariants = void 0;
const react_1 = __importDefault(require("react"));
const Button_1 = __importDefault(require("@mui/material/Button"));
const ButtonGroup_1 = __importDefault(require("@mui/material/ButtonGroup"));
const Box_1 = __importDefault(require("@mui/material/Box"));
exports.default = {
    title: "MUI-v5/ButtonGroup",
    argTypes: {
        onClick: { action: "clicked" },
    },
};
exports.ButtonVariants = {
    render: (args) => (react_1.default.createElement(Box_1.default, { sx: {
            display: "flex",
            flexDirection: "column",
            alignItems: "center",
            "& > *": {
                m: 1,
            },
        } },
        react_1.default.createElement(ButtonGroup_1.default, Object.assign({ variant: "contained", "aria-label": "outlined primary button group" }, args),
            react_1.default.createElement(Button_1.default, Object.assign({}, args), "One"),
            react_1.default.createElement(Button_1.default, Object.assign({}, args), "Two"),
            react_1.default.createElement(Button_1.default, Object.assign({}, args), "Three")),
        react_1.default.createElement(ButtonGroup_1.default, Object.assign({ variant: "outlined", "aria-label": "outlined button group" }, args),
            react_1.default.createElement(Button_1.default, Object.assign({}, args), "One"),
            react_1.default.createElement(Button_1.default, Object.assign({}, args), "Two"),
            react_1.default.createElement(Button_1.default, Object.assign({}, args), "Three")),
        react_1.default.createElement(ButtonGroup_1.default, Object.assign({ variant: "text", "aria-label": "text button group" }, args),
            react_1.default.createElement(Button_1.default, Object.assign({}, args), "One"),
            react_1.default.createElement(Button_1.default, Object.assign({}, args), "Two"),
            react_1.default.createElement(Button_1.default, Object.assign({}, args), "Three")))),
};
exports.Sizes = {
    render: () => (react_1.default.createElement(Box_1.default, { sx: {
            display: "flex",
            flexDirection: "column",
            alignItems: "center",
            "& > *": {
                m: 1,
            },
        } },
        react_1.default.createElement(ButtonGroup_1.default, { size: "small", "aria-label": "small button group" },
            react_1.default.createElement(Button_1.default, { key: "one" }, "One"),
            react_1.default.createElement(Button_1.default, { key: "two" }, "Two"),
            react_1.default.createElement(Button_1.default, { key: "three" }, "Three")),
        react_1.default.createElement(ButtonGroup_1.default, { color: "secondary", "aria-label": "medium secondary button group" },
            react_1.default.createElement(Button_1.default, { key: "one" }, "One"),
            react_1.default.createElement(Button_1.default, { key: "two" }, "Two"),
            react_1.default.createElement(Button_1.default, { key: "three" }, "Three")),
        react_1.default.createElement(ButtonGroup_1.default, { size: "large", "aria-label": "large button group" },
            react_1.default.createElement(Button_1.default, { key: "one" }, "One"),
            react_1.default.createElement(Button_1.default, { key: "two" }, "Two"),
            react_1.default.createElement(Button_1.default, { key: "three" }, "Three")))),
};