@nexusui/components/core/FileDragDrop/FileDragDrop.container.d.ts

These are custom components specially-developed for NexusUI applications. They will make your life easier by giving you out-of-the-box implementations for various high-level UI elements that you can drop directly into your application.

import { DropzoneState } from 'react-dropzone';
import type { DropzoneOptions, DropzoneRootProps } from 'react-dropzone/typings/react-dropzone';
import { StackProps } from '@mui/material/Stack';
import { TranslateFuncType } from '../util/models';
/** The props type of [[`FileDragDropContainer`]]. */
export type IFileDragDrop = Omit<StackProps, 'color'> & DropzoneRootProps & {
    /**
     *  The label of the upload button
     */
    buttonLabel: string;
    /**
     *  the description of the drop zone
     */
    dropZoneDescription: string;
    /**
     *  Options to configure the react-dropzone root element.
     */
    dropZoneOptions?: DropzoneOptions;
    /**
     *  translate function
     */
    t: TranslateFuncType;
};
export type IFileDragDropComponent = IFileDragDrop & Pick<DropzoneState, 'open' | 'getRootProps' | 'getInputProps' | 'isDragActive' | 'isDragAccept' | 'isDragReject'>;
export declare const FileDragDrop: (props: IFileDragDrop) => import("react/jsx-runtime").JSX.Element;