import { createElement, render, useRef } from 'rax';
import DriverUniversal from 'driver-universal';
import { Button, RadioField } from '@alifd/meet';
import View from 'rax-view';

const data = [
  { label: 'r1', value: 1 },
  { label: 'r2', value: 2 },
  { label: 'r3', value: 3 },
  { label: 'r4', value: 4 },
];

const RadioFieldDemo = () => {
  const radioIns = useRef(null);

  return (
    <View>
      <RadioField ref={radioIns} data={data} label="Radio Label" fieldName="radio" labelType="inner" />

      <Button
        type="primary"
        onClick={() => {
          if (radioIns.current) {
            radioIns.current.setValue(2);
          }
        }}
      >
        设置value
      </Button>

      <Button
        onClick={() => {
          if (radioIns.current) {
            alert(radioIns.current.getValue());
          }
        }}
      >
        获取value
      </Button>
    </View>
  );
};
// render(<RadioFieldDemo />, null, { driver: DriverUniversal });
 export default RadioFieldDemo