/**
* 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