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

const { Option } = Select;

function DDSelectField(props) {
  const { options, disabled, onChange, defaultValue } = props;

  return (
    <Select
      style={{ width: '100%' }}
      disabled={disabled}
      defaultValue={defaultValue}
      onChange={value => {
        onChange(String(value), props.id, props.label);
      }}
    >
      {options?.map(cur => {
        return (
          <Option key={cur} value={cur}>
            {cur}
          </Option>
        );
      })}
    </Select>
  );
}

export default DDSelectField;