import { __assign } from "tslib";
import * as React from 'react';
import { View } from 'react-native';
import { Text } from '@fluentui/react-native';
import { Checkbox } from '@fluentui-react-native/experimental-checkbox';
import { Stack } from '@fluentui-react-native/stack';
import { CHECKBOXV1_TEST_COMPONENT, CHECKBOXV1_ACCESSIBILITY_LABEL, CHECKBOXV1_NO_A11Y_LABEL_COMPONENT, CHECKBOXV1_TEST_COMPONENT_LABEL, CHECKBOXV1_ON_PRESS, } from '../../../../E2E/src/CheckboxV1/consts';
import { stackStyle } from '../Common/styles';
import { testProps } from '../Common/TestProps';
export var E2ECheckboxV1Test = function () {
    var _a = React.useState(false), checkboxPressed = _a[0], setCheckboxPressed = _a[1];
    var onClick = React.useCallback(function (_e, checked) {
        setCheckboxPressed(checked);
    }, [setCheckboxPressed]);
    return (React.createElement(View, null,
        React.createElement(Stack, { style: stackStyle },
            React.createElement(Checkbox, __assign({ accessibilityLabel: CHECKBOXV1_ACCESSIBILITY_LABEL, disabled: false, label: "Testing accessibilityLabel", onChange: onClick }, testProps(CHECKBOXV1_TEST_COMPONENT))),
            React.createElement(Checkbox, __assign({ label: CHECKBOXV1_TEST_COMPONENT_LABEL }, testProps(CHECKBOXV1_NO_A11Y_LABEL_COMPONENT))),
            checkboxPressed ? (React.createElement(Text
            /* For Android E2E testing purposes, testProps must be passed in after accessibilityLabel. */
            , __assign({}, testProps(CHECKBOXV1_ON_PRESS)), "Checkbox Selected")) : null)));
};
//# sourceMappingURL=E2ECheckboxV1Test.js.map