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

const data = [
  { label: 'c1', value: 1 },
  { label: 'c2', value: 2 },
  { label: 'c3', value: 3 },
];

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

  return (
    <View>
      <CheckboxField
        cc={'123'}
        required
        ref={radioIns}
        data={data}
        label="Radio Label"
        fieldName="radio"
        labelType="inner"
      />

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

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