import * as React from 'react';
import {createElement} from 'react';
import { Input } from 'union-design';
import "union-design/lib/input/styles/css"

const { TextArea  } = Input;
export interface InputTextAreaProps {
  allowClear?:boolean;
  defaultValue?:string;
  value?:string;
  onChange?:(value,event)=>void;
  maxlength?:number;
  disabled?:boolean;
  style?: object;
}

const InputTextArea: React.FC<InputTextAreaProps> = function InputTextArea({
                                                                       allowClear,
                                                                       defaultValue,
                                                                       value,
                                                                       onChange,
                                                                       maxlength,
                                                                       disabled=false,
                                                                       style = {},
                                                                       ...otherProps
                                                                           }) {
  const _style = style || {};
  const _otherProps = otherProps || {};
  _otherProps.style = _style;
  return (
    <TextArea allowClear={allowClear} defaultValue={defaultValue} value={value}
              onChange={onChange} maxlength={maxlength} disabled={disabled} { ..._otherProps } />
  );
};

export default InputTextArea;