import type { CSSProperties } from 'react';
import type { UseScreenCaptureReturn } from '../hooks/useScreenCapture';
export interface RecorderPreviewProps {
    /** Retour du hook useScreenCapture */
    screen: UseScreenCaptureReturn;
    /** Style du conteneur (par défaut : 100% / aspect 16:9 / fond noir) */
    style?: CSSProperties;
    /** Largeur de l'overlay webcam en % du conteneur (défaut 18%) */
    webcamOverlaySizePct?: number;
    /** Position de l'overlay webcam (défaut bottom-right) */
    webcamOverlayPosition?: 'bottom-right' | 'bottom-left' | 'top-right' | 'top-left';
    /** Forme de l'overlay (défaut: rond) */
    webcamOverlayShape?: 'circle' | 'square';
    /** v1.12.0 — Affiche un <select> caméras superposé en haut-gauche. Visible
     *  uniquement si plusieurs videoinputs sont détectés. (défaut: true) */
    showCameraPicker?: boolean;
}
/**
 * Live preview screen + webcam overlay.
 *
 * @example
 * ```tsx
 * const screen = useScreenCapture()
 *
 * <RecorderPreview screen={screen} />
 * <button onClick={() => screen.startScreenShare({ audio: true, webcamOverlay: true })}>
 *   Share
 * </button>
 * ```
 */
export default function RecorderPreview({ screen, style, webcamOverlaySizePct, webcamOverlayPosition, webcamOverlayShape, showCameraPicker, }: RecorderPreviewProps): import("react/jsx-runtime").JSX.Element;
//# sourceMappingURL=RecorderPreview.d.ts.map