import React from "react";
export interface DetectionItem {
    name?: string;
    text?: string;
    color?: string;
    confidence?: number;
    pixel_percentage?: number;
    image?: string;
    bounding_box?: {
        x: number;
        y: number;
        width: number;
        height: number;
    };
    selected?: boolean;
}
interface PartialSelectResult {
    name?: string;
    selected?: boolean;
}
type UpdateValueFunction = (event: {
    target: {
        value: DetectionItem[];
        type: string;
        name: string;
    };
}) => void;
interface DetectionListItemProps {
    item: DetectionItem;
    showImage?: boolean;
    checkbox?: boolean;
    thresholdValue?: number;
    threshold?: boolean;
    mainImage?: string;
    handleCheckboxResult?: () => void;
    setPartialSelect?: (result: PartialSelectResult) => void;
    showConfidence?: boolean;
    hasHotspots?: boolean;
    canvasSize?: number;
    strokeColor?: string;
}
export type TranslationPopoverProps = {
    isOpen: boolean;
    handleClose: () => void;
    popoverButtonRef: React.RefObject<HTMLElement>;
    popoverBoundaryRef: React.RefObject<HTMLElement>;
    updateValue: UpdateValueFunction;
    handleInsert: () => void;
};
interface TranslationButtonProps {
    uid: string;
    translationLabel: string;
    TranslationPopover: (props: TranslationPopoverProps) => React.JSX.Element;
    updateValue: UpdateValueFunction;
    masterLanguage: any;
    isTranslated?: boolean;
    setIsTranslated?: (isTranslated: boolean) => void;
}
export declare const DetectionListItem: ({ item, showImage, checkbox, thresholdValue, threshold, mainImage, handleCheckboxResult, setPartialSelect, showConfidence, hasHotspots, canvasSize, strokeColor }: DetectionListItemProps) => React.JSX.Element;
export declare const TranslationButton: ({ uid, translationLabel, TranslationPopover, updateValue, masterLanguage, isTranslated, setIsTranslated }: TranslationButtonProps) => React.JSX.Element;
export {};