import * as React from 'react';
import { View, Alert, StyleSheet } from 'react-native';
import { LinkV1 as Link, TextV1 as Text } from '@fluentui/react-native';
import { Stack } from '@fluentui-react-native/stack';
import { stackStyle } from '../Common/styles';
export const InlineLinks = () => {
    const doPress = React.useCallback(() => Alert.alert('Alert.', 'You have been alerted.'), []);
    const doA11yTap = React.useCallback(() => Alert.alert('Alert.', 'You have invoked onA11yTap.'), []);
    return (
    // RN Core has a bug where Text in Text is not keyboard accessible. Issues - #32004, #35194.
    // This is a workaround for the issue. Once those issues are resolved, InlineLinksTest.android.tsx can be removed.
    React.createElement(Stack, { style: stackStyle },
        React.createElement(View, { style: styles.row },
            React.createElement(Text, null, "Click "),
            React.createElement(Link, { inline: true, onPress: doPress, onAccessibilityTap: doA11yTap }, "this link"),
            React.createElement(Text, null, " to alert me.")),
        React.createElement(View, { style: styles.row },
            React.createElement(Text, null, "This "),
            React.createElement(Link, { inline: true, onPress: doPress, disabled: true, focusable: true }, "link"),
            React.createElement(Text, null, " is disabled but focusable.")),
        React.createElement(View, { style: styles.row },
            React.createElement(Text, null, "Follow this "),
            React.createElement(Link, { inline: true, url: "https://www.bing.com/" }, "link"),
            React.createElement(Text, null, " to navigate."))));
};
const styles = StyleSheet.create({
    row: {
        flexDirection: 'row',
    },
});
//# sourceMappingURL=InlineLinksTest.android.js.map