import * as React from 'react';
import { Button } from '@fluentui/react-native';
import { Stack } from '@fluentui-react-native/stack';
import { stackStyle } from '../../Common/styles';
export var ButtonFocusTest_deprecated = function () {
    var _a = React.useState({
        focused: false,
    }), state = _a[0], setState = _a[1];
    var buttonRef = React.useRef(null);
    var onFocus = React.useCallback(function () {
        setState({ focused: !state.focused });
        if (buttonRef.current && !state.focused) {
            buttonRef.current.focus();
        }
    }, [state, setState]);
    return (React.createElement(Stack, { style: stackStyle },
        React.createElement(Button, { content: state.focused ? 'Focused' : 'Not Focused', componentRef: buttonRef, accessibilityLabel: "overridden button name" }),
        React.createElement(Button, { content: "Click to focus", onClick: onFocus, tooltip: "button tooltip" }),
        React.createElement(Button, { content: "Disabled Button", onClick: onFocus, tooltip: "disabled button", disabled: true })));
};
//# sourceMappingURL=ButtonFocusTest.js.map