import React from 'react';
import { TranslationPopoverProps, DetectionItem } from './helper';
import './AssetDetailsV2ExtendedFields.css';
interface AssetDetailsV2ExtendedFieldsFieldConfig {
    uid: string;
    type: 'LIST_ITEM' | 'LIST_IMAGE_ITEM' | 'LIST_COLOR' | 'TEXT_AREA';
    title?: 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: DetectionItem[]) => void;
    locked?: boolean;
    showConfidence?: boolean;
    hotspots?: boolean;
    canvasSize?: number;
    strokeColor?: string;
    translationLabel?: string;
}
interface PartialSelectResult {
    name: string;
    selected: boolean | null;
}
type SidebarProps = {
    field: AssetDetailsV2ExtendedFieldsFieldConfig;
    mainImage?: string;
    selectedThreshold?: number;
    showAll?: boolean;
    maxLimit?: number | null;
    highlightedIndex?: number | null;
    setPartialSelect?: (value: PartialSelectResult) => void;
    isTranslated?: boolean;
    setIsTranslated?: (value: boolean) => void;
    setHighlightedIndex?: (index: number | null) => void;
};
declare const AssetDetailsV2ExtendedFields: ({ field, mainImage, selectedThreshold: externalThreshold, showAll: externalShowAll, maxLimit: externalMaxLimit, highlightedIndex: externalHighlightedIndex, setPartialSelect: externalSetPartialSelect, isTranslated: externalIsTranslated, setIsTranslated: externalSetIsTranslated, setHighlightedIndex: externalSetHighlightedIndex }: SidebarProps) => React.JSX.Element;
export default AssetDetailsV2ExtendedFields;