import { PreviewPosition } from './usePreviewLayout';
export interface CameraPreviewThumbsProps {
    /**
     * Position of the preview thumbnails on the canvas
     * @dial layout
     * @dial-dtype select
     * @dial-options ["bottom-left","bottom-right","top-left","top-right"]
     */
    position?: PreviewPosition;
    /**
     * Height of each preview in pixels (width is computed from camera aspect ratio)
     * @dial layout
     * @dial-layout grid
     * @dial-cols 2
     * @dial-dtype int
     * @dial-min 50
     * @dial-max 500
     * @dial-step 10
     */
    previewHeight?: number;
    /**
     * Gap between previews in pixels
     * @dial layout
     * @dial-dtype int
     * @dial-min 0
     * @dial-max 50
     * @dial-step 1
     */
    gap?: number;
    /**
     * Margin from canvas edge in pixels
     * @dial layout
     * @dial-dtype int
     * @dial-min 0
     * @dial-max 100
     * @dial-step 1
     */
    margin?: number;
    /**
     * Show labels in bottom-left corner of each preview
     * @dial display
     * @dial-cols 2
     * @dial-dtype boolean
     */
    showLabels?: boolean;
}
/**
 * Renders camera preview thumbnails in the bottom-left corner.
 * Supports pointer events and optional labels.
 */
export declare function CameraPreviewThumbs({ previewHeight, gap, margin, showLabels, position, }: CameraPreviewThumbsProps): import("react/jsx-runtime").JSX.Element;