"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.MenuTooltips = void 0;
const tslib_1 = require("tslib");
const react_1 = tslib_1.__importDefault(require("react"));
const react_native_1 = require("@fluentui/react-native");
const menu_1 = require("@fluentui-react-native/menu");
const stack_1 = require("@fluentui-react-native/stack");
const styles_1 = require("../Common/styles");
const MenuTooltips = () => {
    return (react_1.default.createElement(stack_1.Stack, { style: styles_1.stackStyle },
        react_1.default.createElement(menu_1.Menu, { hasTooltips: true },
            react_1.default.createElement(menu_1.MenuTrigger, null,
                react_1.default.createElement(react_native_1.ButtonV1, null, "Items with tooltips")),
            react_1.default.createElement(menu_1.MenuPopover, { maxWidth: 160 },
                react_1.default.createElement(menu_1.MenuList, null,
                    react_1.default.createElement(menu_1.MenuItem, null, "Option 1 has some really long text that goes on and on"),
                    react_1.default.createElement(menu_1.MenuItem, null, "Option2hastextwithnobreaksthatgoesonandon"),
                    react_1.default.createElement(menu_1.MenuItem, { tooltip: 'A custom tooltip' }, "Option 3 has custom tooltip"),
                    react_1.default.createElement(menu_1.MenuItemCheckbox, { name: "Option4" }, "Option 4 is a checkbox"),
                    react_1.default.createElement(menu_1.MenuItemRadio, { name: "Option5" }, "Option 5 is a radio"))))));
};
exports.MenuTooltips = MenuTooltips;
//# sourceMappingURL=MenuTooltips.js.map