import { __assign } from "tslib";
import * as React from 'react';
import { MenuButton } from '@fluentui/react-button';
import { Menu, MenuItem, MenuList, MenuTrigger } from '@fluentui/react-menu';
import { buttonBaseProps } from '../Button/Button.stories';
import { Playground } from '../Playground';
var ExampleMenu = function (props) { return (React.createElement(Menu, null,
    React.createElement(MenuTrigger, null,
        React.createElement(MenuButton, __assign({}, props))),
    React.createElement(MenuList, null,
        React.createElement(MenuItem, null, "Item a"),
        React.createElement(MenuItem, null, "Item b")))); };
var menuButtonProps = [
    { sectionName: 'Button props', propList: buttonBaseProps.filter(function (value) { return value.propName !== 'iconPosition'; }) },
];
export var MenuButtonPlayground = function () {
    return (React.createElement(Playground, { sections: menuButtonProps },
        React.createElement(ExampleMenu, null)));
};
//# sourceMappingURL=MenuButton.stories.js.map