import * as React from 'react';
import { FileImagePreview } from '../../quarks';
import { IconName } from '../Icon';
import { InputChangeEvent, InputProps } from '../../common';
import { FileSelectOpenEvent } from '../FileSelect';
export declare type DropzoneOpenEvent = FileSelectOpenEvent;
export declare type DropzoneChangeEvent = InputChangeEvent<Array<File>>;
export interface DropzoneProps extends InputProps<Array<File>> {
    /**
     * Show preview instead of file list.
     */
    preview?: boolean;
    /**
     * Allow adding multiple files.
     */
    multiple?: boolean;
    /**
     * Optionally chooses an icon to display.
     * @default "FileDownload"
     */
    icon?: IconName;
    /**
     * Event fired when the file picker should be opened.
     */
    onOpen?(e: DropzoneOpenEvent): void;
    /**
     * Message for dragging files to show on drop area.
     * @default "Drop files here to upload"
     */
    message?: string;
}
export interface DropzoneState {
    value: Array<File>;
    error?: React.ReactChild;
    controlled: boolean;
    over: boolean;
    previews: Array<FileImagePreview>;
}
export declare const Dropzone: React.SFC<DropzoneProps>;