import * as React from 'react';
import { Alert } from 'react-native';
import { Link } from '@fluentui/react-native';
import { Stack } from '@fluentui-react-native/stack';
import { E2ELinkLegacyTest } from './E2ELinkLegacyTest';
import { LINK_TESTPAGE } from '../../../../E2E/src/LinkLegacy/consts';
import { stackStyle } from '../Common/styles';
import { Test } from '../Test';
var Links = function () {
    var doPress = function () {
        Alert.alert('Alert.', 'You have been alerted.');
    };
    return (React.createElement(Stack, { style: stackStyle },
        React.createElement(Link, { url: "https://www.bing.com/", content: "Click to navigate." }),
        React.createElement(Link, { onPress: doPress, content: "Click to alert." })));
};
var linkSections = [
    {
        name: 'Navigation and Alert',
        testID: LINK_TESTPAGE,
        component: Links,
    },
];
var e2eSections = [
    {
        name: 'Link E2E Test',
        component: E2ELinkLegacyTest,
    },
];
export var LinkLegacyTest = function () {
    var status = {
        win32Status: 'Deprecated',
        uwpStatus: 'Deprecated',
        iosStatus: 'Deprecated',
        macosStatus: 'Deprecated',
        androidStatus: 'Deprecated',
    };
    var description = 'With a Link, users can navigate to another page, window, or Help topic; display a definition; initiate a command; or choose an option. A Link indicates that it can be clicked, typically by being displayed using the visited or unvisited link system colors. Traditionally, Links are underlined as well, but that approach is often unnecessary and falling out of favor to reduce visual clutter.\n\nA Link is the lightest weight clickable control, and is often used to reduce the visual complexity of a design.';
    return React.createElement(Test, { name: "Link Legacy Test", description: description, sections: linkSections, status: status, e2eSections: e2eSections });
};
//# sourceMappingURL=LinkLegacyTest.js.map