import * as React from 'react';
import { Alert, Linking, View } from 'react-native';
import { Text } from '@fluentui/react-native';
import { Stack } from '@fluentui-react-native/stack';
import { stackStyle } from '../Common/styles';
export var PressableUsage = function () {
    var _onPress = function () {
        Linking.openURL('https://www.microsoft.com');
    };
    var _onKeyDown = function (ev) {
        if (ev.nativeEvent.key === 'Enter' || ev.nativeEvent.key == 'Space')
            Linking.openURL('https://www.microsoft.com');
    };
    var _onPress2 = function () {
        Alert.alert('Alert', 'Success!');
    };
    var _onKeyDown2 = function (ev) {
        if (ev.nativeEvent.key === 'Enter' || ev.nativeEvent.key == ' ')
            Alert.alert('Alert', 'Success!');
    };
    var handledNativeKeyboardEvents = [{ key: 'Enter' }, { key: 'Space' }];
    return (React.createElement(View, null,
        React.createElement(Stack, { style: stackStyle, gap: 5 },
            React.createElement(Text, { variant: 'bodyStandard' },
                "To learn more about microsoft, visit this",
                ' ',
                React.createElement(Text, { variant: 'bodyStandard', color: "blue", keyDownEvents: handledNativeKeyboardEvents, onPress: _onPress, onKeyDown: _onKeyDown }, "webpage"),
                ' ',
                "for more details."),
            React.createElement(Text, { variant: 'bodyStandard' },
                "Press",
                ' ',
                React.createElement(Text, { variant: 'bodyStandard', color: "blue", keyDownEvents: handledNativeKeyboardEvents, onPress: _onPress2, onKeyDown: _onKeyDown2 }, "here"),
                ' ',
                "to view an alert."))));
};
//# sourceMappingURL=PressableUsage.js.map