import { Layer, LayerContext } from "../../services/Layer";
import { TDevToolsLayerProps, TDevToolsLayerState } from "./types";
import "./devtools-layer.css";
/**
 * DevToolsLayer: Provides rulers and crosshairs for precise positioning and measurement.
 * Uses two HTML divs with backdrop-filter for ruler background and blur.
 */
export declare class DevToolsLayer extends Layer<TDevToolsLayerProps, LayerContext, TDevToolsLayerState> {
    state: TDevToolsLayerState;
    private mouseMoveListener;
    private mouseEnterListener;
    private mouseLeaveListener;
    protected cameraSubscription: (() => void) | null;
    private horizontalRulerBgEl;
    private verticalRulerBgEl;
    constructor(props: TDevToolsLayerProps);
    protected propsChanged(nextProps: TDevToolsLayerProps): void;
    protected afterInit(): void;
    protected unmountLayer(): void;
    private handleMouseMove;
    private handleMouseEnter;
    private handleMouseLeave;
    protected stateChanged(): void;
    protected render(): void;
    private calculateTickInfo;
    private drawHorizontalRuler;
    private drawVerticalRuler;
    private drawCrosshair;
}