import { type TemplateResult } from 'lit';
import type { NuiType } from '../../types/nui-type.js';
import type { FileUploadItem, UploadMode } from './types.js';
export interface NuiFileUploadViewState {
    model: FileUploadItem[];
    mode: UploadMode;
    multiple: boolean;
    accept: string;
    disabled: boolean;
    auto: boolean;
    maxFileSize?: number;
    chooseLabel: string;
    uploadLabel: string;
    cancelLabel: string;
    chooseIcon: string;
    uploadIcon: string;
    cancelIcon: string;
    customUpload: boolean;
    unstyled: boolean;
    nuiType: NuiType;
    fileUploadClass: string;
    isUploading: boolean;
    uploadProgress: number;
    dragover: boolean;
}
export interface FileUploadRenderHandlers {
    onChooseClick: () => void;
    onUploadClick: () => void;
    onCancelClick: () => void;
    onRemoveItem: (id: string) => void;
    onInputChange: (e: Event) => void;
    onDragOver: (e: DragEvent) => void;
    onDragLeave: (e: DragEvent) => void;
    onDrop: (e: DragEvent) => void;
}
export declare function formatBytes(bytes: number, decimals?: number): string;
export declare function renderFileUpload(state: NuiFileUploadViewState, handlers: FileUploadRenderHandlers): TemplateResult;
//# sourceMappingURL=logic.d.ts.map