import { mat3 } from 'gl-matrix';
import { WebGLManager } from './WebGLManager.js';
import { FlameNode } from './FlameDataProcessor.js';
/**
 * Handles rendering of flame graph frames with proper inset borders
 *
 * Core principles:
 * - Frames touch edge-to-edge with no gaps
 * - Inset borders provide visual separation without affecting size
 * - Borders are rendered at constant 0.5px in screen space
 */
export declare class FrameRenderer {
    #private;
    constructor(webgl: WebGLManager);
    /**
     * Render all visible frames with proper colors and inset borders
     */
    renderFrames(frames: Array<{
        node: FlameNode;
        x1: number;
        x2: number;
        y1: number;
        y2: number;
    }>, matrix: mat3, viewportWidth: number, viewportHeight: number, primaryColor: [number, number, number], secondaryColor: [number, number, number], selectedFrameId: string | null, hoveredFrameId: string | null, selectedOpacity: number, hoverOpacity: number, unselectedOpacity: number, camera: {
        x: number;
        y: number;
        scale: number;
    }): Map<string, number>;
}
//# sourceMappingURL=FrameRenderer.d.ts.map