import * as React from 'react';
import { View } from 'react-native';
import { Separator } from '@fluentui/react-native';
import { RadioGroupV1 as RadioGroup, Radio } from '@fluentui-react-native/radio-group';
export var HorizontalRadioGroup = function () {
    // Client's example onChange function
    var onChange = React.useCallback(function (key) {
        console.log(key);
    }, []);
    return (React.createElement(View, null,
        React.createElement(RadioGroup, { layout: 'horizontal', label: "Horizontal RadioGroup", defaultValue: "X", onChange: onChange },
            React.createElement(Radio, { label: "Apple", value: "W" }),
            React.createElement(Radio, { label: "Pear", value: "X" }),
            React.createElement(Radio, { label: "Banana", value: "C" }),
            React.createElement(Radio, { label: "Orange", value: "Z" })),
        React.createElement(Separator, null),
        React.createElement(RadioGroup, { layout: 'horizontal-stacked', label: "Horizontal-Stacked RadioGroup", defaultValue: "X", onChange: onChange },
            React.createElement(Radio, { label: "Apple", value: "W" }),
            React.createElement(Radio, { label: "Pear", value: "X" }),
            React.createElement(Radio, { label: "Banana", value: "C" }),
            React.createElement(Radio, { label: "Orange", value: "Z" }))));
};
//# sourceMappingURL=HorizontalRadioGroup.js.map