import * as React from 'react';
import type { BaseInputControlProps } from "../../controls/types.js";
import type { UseDropZoneAccept } from "../../../hooks/lab/useDropZone/index.js";
import type { IconData } from "../../index.js";
import "./FileDropZone.css";
export interface FileDropZoneProps extends Pick<BaseInputControlProps, 'validationState'> {
    accept: UseDropZoneAccept;
    onUpdate: (files: File[]) => void;
    title?: string;
    description?: string;
    buttonText?: string;
    icon?: IconData | null;
    errorIcon?: IconData | null;
    className?: string;
    multiple?: boolean;
    disabled?: boolean;
    errorMessage?: string;
    children?: React.ReactNode;
}
export declare const FileDropZone: React.NamedExoticComponent<FileDropZoneProps> & {
    Icon: ({ className }: {
        className?: string;
    }) => import("react/jsx-runtime").JSX.Element | null;
    Title: ({ className }: {
        className?: string;
    }) => import("react/jsx-runtime").JSX.Element;
    Description: ({ className }: {
        className?: string;
    }) => import("react/jsx-runtime").JSX.Element | null;
    Button: ({ className }: {
        className?: string;
    }) => import("react/jsx-runtime").JSX.Element;
};