import * as React from 'react';
import type { UploadRef } from './Upload';
import Upload from './Upload';
import type { UploadProps } from './interface';

export type DraggerProps = UploadProps & { height?: number };

const Dragger = React.forwardRef<UploadRef, DraggerProps>(
  ({ style, height, ...restProps }, ref) => (
    <Upload ref={ref} {...restProps} type="drag" style={{ ...style, height }} />
  ),
);

if (process.env.NODE_ENV !== 'production') {
  Dragger.displayName = 'Dragger';
}

export default Dragger;