import { ElementType, HTMLAttributes } from 'react';
export interface IFileDropZone extends Omit, 'onFocus' | 'onBlur'> {
color?: 'primary' | 'secondary' | 'tertiary';
size?: 'small' | 'medium' | 'large';
multiple?: boolean;
accept?: string[];
maxFiles?: number;
maxFileSize?: number;
maxTotalSize?: number;
name?: string;
disabled?: boolean;
Icon?: ElementType;
text?: string;
textDisabled?: string;
ImageIcon?: ElementType;
DocumentIcon?: ElementType;
ErrorIcon?: ElementType;
CloseIcon?: ElementType;
id?: string;
ariaLabel?: string;
ariaDescribedBy?: string;
onFocus?: (event: React.FocusEvent) => void;
onBlur?: (event: React.FocusEvent) => void;
handleFile: (file: File, metadata: {
duration?: number;
width: number;
height: number;
format: string;
}) => void;
}