/** * DetectionOverlay Component * * Renders bounding boxes over detected products. * Overlay this on top of your camera view or image. * * @example * ```typescript * import { DetectionOverlay } from '@souschef/ml-vision'; * * function CameraScreen() { * const { detections } = useProductDetector(); * * return ( * * * * * ); * } * ``` */ import React from 'react'; import { type ViewStyle, type TextStyle } from 'react-native'; import type { ProductDetectionResult, ProductCategory } from '../types'; export interface DetectionOverlayProps { /** Array of detection results to display */ detections: ProductDetectionResult[]; /** Width of the image/camera view */ imageWidth: number; /** Height of the image/camera view */ imageHeight: number; /** Show confidence score (default: true) */ showConfidence?: boolean; /** Show class label (default: true) */ showLabel?: boolean; /** Minimum confidence to display (default: 0) */ minConfidence?: number; /** Custom colors per category */ categoryColors?: Partial>; /** Custom box style override */ boxStyle?: ViewStyle; /** Custom label style override */ labelStyle?: TextStyle; /** Callback when a detection is tapped */ onDetectionPress?: (detection: ProductDetectionResult) => void; } export declare function DetectionOverlay({ detections, imageWidth: _imageWidth, imageHeight: _imageHeight, showConfidence, showLabel, minConfidence, categoryColors, boxStyle, labelStyle, onDetectionPress, }: DetectionOverlayProps): React.ReactElement; /** * Simple loading indicator for when model is loading */ export declare function DetectionLoadingOverlay(): React.ReactElement; export default DetectionOverlay; //# sourceMappingURL=DetectionOverlay.d.ts.map