"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.E2ECheckboxV1Test = void 0;
const tslib_1 = require("tslib");
const React = tslib_1.__importStar(require("react"));
const react_native_1 = require("react-native");
const react_native_2 = require("@fluentui/react-native");
const e2e_testing_1 = require("@fluentui-react-native/e2e-testing");
const experimental_checkbox_1 = require("@fluentui-react-native/experimental-checkbox");
const stack_1 = require("@fluentui-react-native/stack");
const styles_1 = require("../Common/styles");
const TestProps_1 = require("../Common/TestProps");
const E2ECheckboxV1Test = () => {
    const [checkboxPressed, setCheckboxPressed] = React.useState(false);
    const onClick = React.useCallback((_e, checked) => {
        setCheckboxPressed(checked);
    }, [setCheckboxPressed]);
    return (React.createElement(react_native_1.View, null,
        React.createElement(stack_1.Stack, { style: styles_1.stackStyle },
            React.createElement(experimental_checkbox_1.Checkbox, { accessibilityLabel: e2e_testing_1.CHECKBOXV1_ACCESSIBILITY_LABEL, disabled: false, label: "Testing accessibilityLabel", onChange: onClick, ...(0, TestProps_1.testProps)(e2e_testing_1.CHECKBOXV1_TEST_COMPONENT) }),
            React.createElement(experimental_checkbox_1.Checkbox, { label: e2e_testing_1.CHECKBOXV1_TEST_COMPONENT_LABEL, required: true, ...(0, TestProps_1.testProps)(e2e_testing_1.CHECKBOXV1_NO_A11Y_LABEL_COMPONENT) }),
            checkboxPressed ? (React.createElement(react_native_2.Text
            /* For Android E2E testing purposes, testProps must be passed in after accessibilityLabel. */
            , { ...(0, TestProps_1.testProps)(e2e_testing_1.CHECKBOXV1_ON_PRESS) }, "Checkbox Selected")) : null)));
};
exports.E2ECheckboxV1Test = E2ECheckboxV1Test;
//# sourceMappingURL=E2ECheckboxV1Test.js.map