import * as React from 'react';
import { ButtonV1 as Button } from '@fluentui/react-native';
import { Menu, MenuItem, MenuTrigger, MenuPopover, MenuList } from '@fluentui-react-native/menu';
import { Stack } from '@fluentui-react-native/stack';
import { stackStyle } from '../Common/styles';
export var MenuComponentOutsideMenuList = function () {
    return (React.createElement(Stack, { style: stackStyle },
        React.createElement(Menu, null,
            React.createElement(MenuTrigger, null,
                React.createElement(Button, null, "The Menu")),
            React.createElement(MenuPopover, null,
                React.createElement(MenuList, null,
                    React.createElement(MenuItem, null, "A plain MenuItem"),
                    React.createElement(MenuItem, null, "A plain MenuItem 2")),
                React.createElement(Button, null, "Not in arrow loop")))));
};
//# sourceMappingURL=MenuComponentOutsideMenuList.js.map