"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.DisabledRadioGroup = 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 radio_group_1 = require("@fluentui-react-native/radio-group");
const DisabledRadioGroup = () => {
    // Client's example onChange function
    const onChange = React.useCallback((key) => {
        console.log(key);
    }, []);
    return (React.createElement(react_native_1.View, null,
        React.createElement(radio_group_1.RadioGroupV1, { disabled: true, label: "Disabled RadioGroup", defaultValue: "X", onChange: onChange },
            React.createElement(radio_group_1.Radio, { label: "Option W", value: "W", accessibilityLabel: "Test Accessibility Label" }),
            React.createElement(radio_group_1.Radio, { label: "Option X", value: "X" }),
            React.createElement(radio_group_1.Radio, { label: "Option Y", value: "C" }),
            React.createElement(radio_group_1.Radio, { label: "Option Z", value: "Z" })),
        React.createElement(react_native_2.Separator, null),
        React.createElement(radio_group_1.RadioGroupV1, { label: "Disabled Item", defaultValue: "X", onChange: onChange },
            React.createElement(radio_group_1.Radio, { label: "Option W", value: "W", accessibilityLabel: "Test Accessibility Label" }),
            React.createElement(radio_group_1.Radio, { label: "Option X", value: "X" }),
            React.createElement(radio_group_1.Radio, { label: "Option Y (disabled)", value: "C", disabled: true }),
            React.createElement(radio_group_1.Radio, { label: "Option Z", value: "Z" }))));
};
exports.DisabledRadioGroup = DisabledRadioGroup;
//# sourceMappingURL=DisabledRadioGroup.js.map