"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.TabListE2ETest = void 0;
var tslib_1 = require("tslib");
var React = tslib_1.__importStar(require("react"));
var react_native_1 = require("react-native");
var stack_1 = require("@fluentui-react-native/stack");
var tablist_1 = require("@fluentui-react-native/tablist");
var text_1 = require("@fluentui-react-native/text");
var index_consts_1 = require("../../../../E2E/src/index.consts");
var styles_1 = require("../Common/styles");
var TestProps_1 = require("../Common/TestProps");
var TabListE2ETest = function () {
    var _a = React.useState(index_consts_1.FIRST_TAB_KEY), key = _a[0], setKey = _a[1];
    return (React.createElement(react_native_1.View, null,
        React.createElement(stack_1.Stack, { style: styles_1.stackStyle },
            React.createElement(tablist_1.TabList, tslib_1.__assign({ accessibilityLabel: index_consts_1.TABLIST_ACCESSIBILITY_LABEL, onTabSelect: setKey, selectedKey: key }, (0, TestProps_1.testProps)(index_consts_1.TABLIST_TEST_COMPONENT)),
                React.createElement(tablist_1.Tab, tslib_1.__assign({ tabKey: index_consts_1.FIRST_TAB_KEY, accessibilityLabel: index_consts_1.FIRST_TAB_ACCESSIBILITY_LABEL }, (0, TestProps_1.testProps)(index_consts_1.FIRST_TAB)), "Option A"),
                React.createElement(tablist_1.Tab, tslib_1.__assign({ tabKey: index_consts_1.SECOND_TAB_KEY }, (0, TestProps_1.testProps)(index_consts_1.SECOND_TAB)), index_consts_1.SECOND_TAB_LABEL),
                React.createElement(tablist_1.Tab, tslib_1.__assign({ disabled: true, tabKey: index_consts_1.THIRD_TAB_KEY }, (0, TestProps_1.testProps)(index_consts_1.THIRD_TAB)), "Option C"),
                React.createElement(tablist_1.Tab, tslib_1.__assign({ tabKey: index_consts_1.FOURTH_TAB_KEY }, (0, TestProps_1.testProps)(index_consts_1.FOURTH_TAB)), "Option D")),
            React.createElement(tablist_1.TabList, null,
                React.createElement(tablist_1.Tab, tslib_1.__assign({ tabKey: "1" }, (0, TestProps_1.testProps)(index_consts_1.FIFTH_TAB)), "Option 1"),
                React.createElement(tablist_1.Tab, { tabKey: "2" }, "Option 2"),
                React.createElement(tablist_1.Tab, { disabled: true, tabKey: "3" }, "Option 3"),
                React.createElement(tablist_1.Tab, { tabKey: "4" }, "Option 4")),
            React.createElement(text_1.TextV1, tslib_1.__assign({}, (0, TestProps_1.testProps)(index_consts_1.TABLIST_CALLBACK_TEXT)), key))));
};
exports.TabListE2ETest = TabListE2ETest;
//# sourceMappingURL=TabListE2ETest.js.map