import { SxProps } from '@mui/material/styles';
import React from 'react';
import { Accept } from 'react-dropzone';
import { Image } from '../types';
export declare type FileUploaderProps = {
    name: string;
    awsUrl?: string;
    maxFiles?: number;
    maxSize?: number;
    fileFormat?: Accept;
    featured?: boolean;
    onFilesChange?: () => void;
    containerSx?: SxProps;
    renderTitle?: (openFilePicker?: () => void) => React.ReactNode;
    renderButton?: (openFilePicker: () => void) => React.ReactNode;
    renderFile?: (file: CurrentFiles, onStarClick: () => void, onRemoveFileCLick: () => void) => React.ReactNode;
    addButtonInRender?: (openFilePicker: () => void) => React.ReactNode;
    update?: boolean;
    renderFilesBoxProps?: SxProps;
    fileRejectionHelperText?: string;
};
export declare type CurrentFileImage = Partial<Pick<Image, 'crop' | 'rotation' | 'zoom' | 'croppedImageUrl'>> & {
    path?: string;
};
export declare type CurrentFiles = {
    imageUrl?: string;
    alteredName?: string;
    filename: string;
    fileType: 'new' | 'old';
    crop?: {
        x: number;
        y: number;
    };
    zoom?: number;
    rotation?: number;
    croppedImageUrl?: string;
    filePosition?: number;
};
export declare const FileDropZone: ({ name, maxFiles, maxSize, fileFormat, featured, awsUrl, containerSx, renderTitle, renderButton, renderFile, addButtonInRender, update, renderFilesBoxProps, fileRejectionHelperText, }: FileUploaderProps) => JSX.Element;