import { default as default_2 } from 'react';
import { DropzoneOptions } from 'react-dropzone';
import { ReactNode } from 'react';

export declare function FileUpload({ onDropAccepted, onDropRejected, accept, maxSize, // 5MB
    maxFiles, multiple, className, disabled, title, description, supportsMessage, children, }: FileUploadProps): default_2.JSX.Element;

export declare interface FileUploadProps extends DropzoneOptions {
    className?: string;
    title?: string;
    description?: ReactNode;
    supportsMessage?: ReactNode;
    children?: ReactNode;
}

export declare const FileUploadStatus: default_2.FC<FileUploadStatusProps>;

declare interface FileUploadStatusProps {
    uploads: UploadState[];
    className?: string;
    timeRemaining?: string;
    onCancelUpload?: (e: default_2.MouseEvent<HTMLButtonElement>) => void;
    steps?: ProcessingStep[];
    title?: string;
}

export declare const formatFileSize: (bytes: number) => string;

export declare interface ProcessingStep {
    id: string;
    label: string;
    status: 'completed' | 'current' | 'pending' | 'error';
}

export declare interface UploadState {
    id: string;
    file: File;
    status: 'pending' | 'uploading' | 'success' | 'error';
    progress: number;
    error?: string;
    startTime?: number;
    url?: string;
}

export { }