import React from "react";
import { Renderer } from "@foxglove/studio-base/panels/ThreeDeeRender/Renderer";
import { type PanelProps } from "../components/Panel.js";
type ImagePanelBodyProps = {
    topic: string;
    frameRenderedEvent?: (currentTime: number) => void;
    annotationReceivedEventHandler?: () => void;
    handleOnClick?: (event: React.MouseEvent, clickOffsetCoords: {
        offsetX: number;
        offsetY: number;
    } | undefined) => void;
    handleCursorPositionUpdate?: (coordinates: {
        x: number;
        y: number;
    }, offsetCoordinates: {
        offsetX: number;
        offsetY: number;
    } | undefined) => void;
    registerRendered?: (renderer: Renderer) => void;
    unregisterRendered?: () => void;
    customOverlay?: JSX.Element;
};
export type ImagePanelProps = Omit<PanelProps, "kind" | "metrics"> & ImagePanelBodyProps & {
    toggleTopic?: (topic: string) => void;
    fakedAs?: string;
    targetFps?: number;
    triggerToast?: () => void;
    panelToolbarActions?: JSX.Element;
};
export declare const ImagePanel: React.NamedExoticComponent<ImagePanelProps>;
export {};
//# sourceMappingURL=ImagePanel.d.ts.map