import React, { HTMLAttributes } from 'react';
export interface DropzoneProps {
/** The type of files accepted */
accept?: string;
/** Children */
children?: React.ReactNode | React.ReactNode[];
/** Disable dropzone */
disabled?: boolean;
/** Error state */
error?: boolean;
/** Max file size (in bytes) */
maxSize?: number;
/** Dropzone size */
size?: 'small' | 'medium' | 'large';
/** Status of dropzone */
status?: 'initial' | 'error' | 'success';
/** Function to be called when file dropped */
onDrop: (event: React.DragEvent) => void;
/** Function to be called when file update clicked */
onUpdate: (event: React.MouseEvent) => void | undefined;
/** Function to be called when file delete clicked */
onDelete: (event: React.MouseEvent) => void | undefined;
/** URL of the image to be displayed when the the dropzone is in success state and the uploaded file is an image */
imgSrc?: string;
/** Filename to be shown when the dropzone is in success state */
fileName?: string;
/** Prompt text to be shown when dropzone is in it's initial state */
promptText?: string;
/** Limite text to be shown when dropzone is in it's initial state */
limiterText?: string;
/** Prompt text to be displayed when the file is being dragged over the zone */
dropText?: string;
/** Scale the container by dragScale when the drag is active */
dragScale?: number;
}
declare const Dropzone: ({ maxSize, disabled, error, accept, children, dropText, promptText, limiterText, size, status, fileName, onUpdate, onDelete, dragScale, onDrop, ...other }: DropzoneProps & HTMLAttributes) => JSX.Element;
export default Dropzone;