/**
 * ## Usage
 *
 * ```jsx
 * const App () => {
 *   const { inputRef, labelRef, files, isDragActive } = useFileDrop();
 *
 *   return (
 *     <div>
 *       <input ref={inputRef} id="upload" />
 *       <label ref={labelRef} htmlFor="upload">
 *         {isDragActive ? <span>Drop the file!</span> : <span>Drag and drop the file.</span>}
 *       </label>
 *     </div>
 *   )
 * };
 * ```
 *
 * ## Options
 *
 * You can set input file attributes by `options`:
 *
 * ```jsx
 * const { inputRef, files } = useFileDrop({ multiple: true, accept: 'image/*' });
 * ```
 *
 **/
export type FileDrop<T> = {
    ref: React.RefObject<T>;
    loaded: Record<string, string>;
    isDragActive: boolean;
    _files: Record<string, string>;
};
export type LoadHandler = (files: Record<string, string>, clearCache: () => void) => void;
export declare function useFileDrop<T extends HTMLElement>(onLoad?: LoadHandler, accept?: string, exclude?: string): FileDrop<T>;