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 MenuTriggerChildRef = function () {
    var ref = React.useRef(null);
    var onClick = React.useCallback(function () {
        var _a;
        (_a = ref === null || ref === void 0 ? void 0 : ref.current) === null || _a === void 0 ? void 0 : _a.focus();
    }, [ref]);
    return (React.createElement(Stack, { style: stackStyle },
        React.createElement(Button, { onClick: onClick }, "Click to focus Menu trigger"),
        React.createElement(Menu, null,
            React.createElement(MenuTrigger, null,
                React.createElement(Button, { componentRef: ref }, "The Menu")),
            React.createElement(MenuPopover, null,
                React.createElement(MenuList, null,
                    React.createElement(MenuItem, null, "A plain MenuItem"))))));
};
//# sourceMappingURL=MenuRefs.js.map