import { default as React } from 'react';
import { SafeExtract, Size } from '../../../types';
import { LabelAfterProps } from '../../LabelAfter/LabelAfter';
import { FileInputItem } from './hooks';
export interface FileItemProps {
    file: FileInputItem;
    onRemove: () => void;
    onReplace: () => void;
    tooltip?: React.ReactNode;
    width?: SafeExtract<Size, 'sm' | 'md' | 'lg'>;
    error?: boolean;
    warning?: boolean;
    labelAfter?: LabelAfterProps['label'];
    disabled?: boolean;
    /**
     * Whether to show an image preview for image files.
     * @default false
     */
    showImagePreview?: boolean;
    /**
     * Explicit image URL to use as the preview source.
     * Useful for already-uploaded files (StoredFile) where the URL is known.
     * It is used for non-File items. A newly selected local File always uses its own preview.
     */
    previewSrc?: string;
}
export declare const FileItem: React.ForwardRefExoticComponent<FileItemProps & React.RefAttributes<HTMLButtonElement>>;