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;