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

function NumberField(props) {
  const { onChange, disabled, unit, defaultValue } = props;

  return (
    <InputNumber
      style={{ width: '100%' }}
      defaultValue={defaultValue}
      disabled={disabled}
      formatter={value => `${value}${unit || ''}`}
      onChange={e => {
        onChange?.(e ? String(e) : 0, props.id, props.label);
      }}
    />
  );
}

export default NumberField;