import { Layer, LayerContext } from "../../services/Layer";
import { TCameraState } from "../../services/camera/CameraService";
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 horizontalRulerBgEl;
    private verticalRulerBgEl;
    constructor(props: TDevToolsLayerProps);
    protected propsChanged(nextProps: TDevToolsLayerProps): void;
    protected afterInit(): void;
    protected onCameraChange(_camera: TCameraState): void;
    protected render(): void;
    private calculateTickInfo;
    private drawHorizontalRuler;
    private drawVerticalRuler;
    private drawCrosshair;
}