"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.ButtonAppBar = void 0;
const react_1 = __importDefault(require("react"));
const AppBar_1 = __importDefault(require("@material-ui/core/AppBar"));
const Box_1 = __importDefault(require("@material-ui/core/Box"));
const Toolbar_1 = __importDefault(require("@material-ui/core/Toolbar"));
const Typography_1 = __importDefault(require("@material-ui/core/Typography"));
const Button_1 = __importDefault(require("@material-ui/core/Button"));
const IconButton_1 = __importDefault(require("@material-ui/core/IconButton"));
const Menu_1 = __importDefault(require("@mui/icons-material/Menu"));
exports.default = {
    title: "MUI-v4/AppBar",
    argTypes: {
        onClick: { action: "clicked" },
    },
};
exports.ButtonAppBar = {
    render: (args) => (react_1.default.createElement(Box_1.default, { sx: { flexGrow: 1 } },
        react_1.default.createElement(AppBar_1.default, { position: "static" },
            react_1.default.createElement(Toolbar_1.default, null,
                react_1.default.createElement(IconButton_1.default, { edge: "start", color: "inherit", "aria-label": "menu" },
                    react_1.default.createElement(Menu_1.default, null)),
                react_1.default.createElement(Typography_1.default, { variant: "h6" }, "News"),
                react_1.default.createElement(Button_1.default, Object.assign({ color: "inherit" }, args), "Login"))))),
};