import React from 'react';
import { Select } from 'antd';

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

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

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