import React from 'react';
import { ButtonV1 as Button } from '@fluentui/react-native';
import { Menu, MenuItem, MenuItemCheckbox, MenuItemRadio, MenuTrigger, MenuPopover, MenuList } from '@fluentui-react-native/menu';
import { Stack } from '@fluentui-react-native/stack';
import { stackStyle } from '../Common/styles';
export const MenuTooltips = () => {
    return (React.createElement(Stack, { style: stackStyle },
        React.createElement(Menu, { hasTooltips: true },
            React.createElement(MenuTrigger, null,
                React.createElement(Button, null, "Items with tooltips")),
            React.createElement(MenuPopover, { maxWidth: 160 },
                React.createElement(MenuList, null,
                    React.createElement(MenuItem, null, "Option 1 has some really long text that goes on and on"),
                    React.createElement(MenuItem, null, "Option2hastextwithnobreaksthatgoesonandon"),
                    React.createElement(MenuItem, { tooltip: 'A custom tooltip' }, "Option 3 has custom tooltip"),
                    React.createElement(MenuItemCheckbox, { name: "Option4" }, "Option 4 is a checkbox"),
                    React.createElement(MenuItemRadio, { name: "Option5" }, "Option 5 is a radio"))))));
};
//# sourceMappingURL=MenuTooltips.js.map