import React from 'react';
import { TranslationPopoverProps, DetectionItem } from '../helper';
interface ExtendedDetectionItem extends DetectionItem {
    description?: Array<Record<string, string>>;
}
interface FieldConfig {
    uid: string;
    title?: string;
    type: string;
    threshold?: boolean;
    threshold_value?: number;
    hidden?: boolean;
    checkbox?: boolean;
    banner?: boolean;
    banner_text?: string;
    highlight?: boolean;
    highlightOnClick?: () => void;
    enable_translation?: boolean;
    TranslationPopover?: (props: TranslationPopoverProps) => React.JSX.Element;
    getCheckboxResults?: (result: ExtendedDetectionItem[]) => void;
    showConfidence?: boolean;
    hotspots?: boolean;
    canvasSize?: number;
    strokeColor?: string;
    translationLabel?: string;
}
interface PartialSelectResult {
    name: string;
    selected: boolean;
}
type UpdateValueFunction = (event: {
    target: {
        value: ExtendedDetectionItem[];
        type: string;
        name: string;
    };
}) => void;
interface ListItemProps {
    field: FieldConfig;
    items: ExtendedDetectionItem[];
    threshold_value?: number;
    updateValue?: UpdateValueFunction;
    mainImage?: string;
    setPartialSelect?: (result: PartialSelectResult) => void;
    highlightedIndex: number | null;
    setHighlightedIndex: (index: number | null) => void;
    isTranslated?: boolean;
    setIsTranslated?: (isTranslated: boolean) => void;
    handleCheckboxResult?: () => void;
}
declare const ListItem: ({ field, items, threshold_value, updateValue, mainImage, setPartialSelect, highlightedIndex, setHighlightedIndex, isTranslated, setIsTranslated, handleCheckboxResult, }: ListItemProps) => React.JSX.Element;
export default ListItem;