import React from 'react';
import { Radio } from 'antd';
const { Group } = Radio;

export default function RadioField(props) {
  const { currentVal, itemProps = {} } = props;
  const { options = [], valueKey = 'value', labelKey = 'label' } = itemProps;

  let compoProps = {
    ...itemProps,
    value: currentVal,
    onChange: value => props.onChange(value),
  };
  // console.log('compoProps', compoProps);

  return (
    <Group {...compoProps}>
      {options.map(item => {
        const { [valueKey]: value, [labelKey]: label } = item;
        return (
          <Radio key={value} value={value}>
            {label}
          </Radio>
        );
      })}
    </Group>
  );
}