import { __assign } from "tslib";
import * as React from 'react';
import { View } from 'react-native';
import { Stack } from '@fluentui-react-native/stack';
import { TabList, Tab } from '@fluentui-react-native/tablist';
import { TextV1 as Text } from '@fluentui-react-native/text';
import { TABLIST_TEST_COMPONENT, TABLIST_ACCESSIBILITY_LABEL, FIRST_TAB, FIRST_TAB_ACCESSIBILITY_LABEL, SECOND_TAB, THIRD_TAB, FOURTH_TAB, FIFTH_TAB, FIRST_TAB_KEY, TABLIST_CALLBACK_TEXT, FOURTH_TAB_KEY, SECOND_TAB_KEY, THIRD_TAB_KEY, SECOND_TAB_LABEL, } from '../../../../E2E/src/index.consts';
import { stackStyle } from '../Common/styles';
import { testProps } from '../Common/TestProps';
export var TabListE2ETest = function () {
    var _a = React.useState(FIRST_TAB_KEY), key = _a[0], setKey = _a[1];
    return (React.createElement(View, null,
        React.createElement(Stack, { style: stackStyle },
            React.createElement(TabList, __assign({ accessibilityLabel: TABLIST_ACCESSIBILITY_LABEL, onTabSelect: setKey, selectedKey: key }, testProps(TABLIST_TEST_COMPONENT)),
                React.createElement(Tab, __assign({ tabKey: FIRST_TAB_KEY, accessibilityLabel: FIRST_TAB_ACCESSIBILITY_LABEL }, testProps(FIRST_TAB)), "Option A"),
                React.createElement(Tab, __assign({ tabKey: SECOND_TAB_KEY }, testProps(SECOND_TAB)), SECOND_TAB_LABEL),
                React.createElement(Tab, __assign({ disabled: true, tabKey: THIRD_TAB_KEY }, testProps(THIRD_TAB)), "Option C"),
                React.createElement(Tab, __assign({ tabKey: FOURTH_TAB_KEY }, testProps(FOURTH_TAB)), "Option D")),
            React.createElement(TabList, null,
                React.createElement(Tab, __assign({ tabKey: "1" }, testProps(FIFTH_TAB)), "Option 1"),
                React.createElement(Tab, { tabKey: "2" }, "Option 2"),
                React.createElement(Tab, { disabled: true, tabKey: "3" }, "Option 3"),
                React.createElement(Tab, { tabKey: "4" }, "Option 4")),
            React.createElement(Text, __assign({}, testProps(TABLIST_CALLBACK_TEXT)), key))));
};
//# sourceMappingURL=TabListE2ETest.js.map