import * as _yamada_ui_core from '@yamada-ui/core'; import { HTMLUIProps, ThemeProps, ColorModeToken, CSS, FC } from '@yamada-ui/core'; import { FormControlOptions } from '@yamada-ui/form-control'; import { LoadingProps } from '@yamada-ui/loading'; import { FadeProps } from '@yamada-ui/transitions'; import { Merge } from '@yamada-ui/utils'; import { ForwardedRef, PropsWithChildren } from 'react'; import { DropzoneOptions as DropzoneOptions$1, Accept } from 'react-dropzone-esm'; interface DropzoneOptions { /** * File types to accept. */ accept?: Accept | string[]; /** * The border color when the input is invalid. */ errorBorderColor?: ColorModeToken; /** * The border color when the input is focused. */ focusBorderColor?: ColorModeToken; /** * If `true`, display the dropzone loading icon. * * @default false * * @deprecated Use `loading` instead. */ isLoading?: boolean; /** * If `true`, display the dropzone loading icon. * * @default false */ loading?: boolean; /** * Ref to a open function. */ openRef?: ForwardedRef<() => undefined | void>; /** * Props for dropzone loading icon element. */ loadingProps?: LoadingProps; /** * Props for dropzone overlay element. */ overlayProps?: FadeProps; } interface DropzoneProps extends Merge>, ThemeProps<"Dropzone">, DropzoneOptions, FormControlOptions { } /** * `Dropzone` is a component used for uploading files via drag and drop. * * @see Docs https://yamada-ui.com/components/forms/dropzone */ declare const Dropzone: _yamada_ui_core.Component<"input", DropzoneProps>; declare const DropzoneAccept: FC; declare const DropzoneReject: FC; declare const DropzoneIdle: FC; export { Dropzone, DropzoneAccept, DropzoneIdle, type DropzoneProps, DropzoneReject };