import React, { FC, CSSProperties, ReactNode } from 'react';
import { DropzoneOptions, DropzoneState, Accept } from 'react-dropzone';
type DropZoneOptionsState = DropzoneOptions & DropzoneState;
export interface IFormikUiDropZoneProps extends DropZoneOptionsState {
    /** Sets the Name of the DropZone Field */
    name: string;
    /** Adds a custom class to the React-Dropzone component */
    className?: string;
    /** Adds a custom inline styles to the DropZone wrapper div  */
    style?: CSSProperties;
    /** Disables the DropZone Field */
    disabled?: boolean;
    /** Sets an Id for the Dropzone, if not passed, the id will be the name */
    id?: string;
    /** Set accepted file types. See [https://github.com/okonet/attr-accept](https://github.com/okonet/attr-accept) for more information. Keep in mind that mime type determination is not reliable across platforms. CSV files, for example, are reported as text/plain under macOS but as application/vnd.ms-excel under Windows. In some cases there might not be a mime type set at all. See: [https://github.com/react-dropzone/react-dropzone/issues/276](https://github.com/react-dropzone/react-dropzone/issues/276) */
    accept?: Accept;
    /** Sets the main Label for the DropZone Field */
    label?: ReactNode;
    /** Sets the text to be shown when draging files over the drop zone */
    zoneActiveText?: string;
    /** Shows the number of accepted and rejected files after each drop */
    fileCount?: boolean;
    /** text shown as placeholder if DropZone is disabled  */
    disabledText?: string;
    /** Sets the Placeholder text */
    placeholder?: string;
    /** Sets a hint text after/below the DropZone Field */
    hint?: ReactNode;
    /** Sets the field as requierd, if label is passed, an * is added to the end of the main label. Validation will only work if you pass the required() method in the yup validation schema */
    required?: boolean;
    /** Enables a Clear button below the Dropbox, that enables you to clear out all the files you added to the Dropbox */
    withClearButton?: string;
    /** Sets the text to be shown on the Clear Button */
    clearButtonText?: string;
    /** Allow drag 'n' drop (or selection from the file dialog) of multiple files. Set to false to enable Single file upload */
    multiple?: boolean;
}
export declare const DropZone: FC<IFormikUiDropZoneProps>;
declare const _default: React.ElementType;
export default _default;