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