import React from 'react';
import { Profile } from '../parser';
import { FrameData } from '../renderer/index.js';
export interface HottestFramesBarProps {
    profile: Profile;
    width?: number | string;
    height?: number;
    primaryColor?: string;
    secondaryColor?: string;
    backgroundColor?: string;
    textColor?: string;
    selectedFrame?: FrameData | null;
    onFrameSelect?: (frame: FrameData | null) => void;
    onNavigationChange?: (index: number, frames: FrameWithSelfTime[]) => void;
}
export interface FrameWithSelfTime {
    frame: FrameData;
    selfTime: number;
    nodeId: string;
}
export declare const HottestFramesBar: React.FC<HottestFramesBarProps>;
export declare const useHottestFramesNavigation: (sortedFrames: FrameWithSelfTime[], onFrameSelect?: (frame: FrameData | null) => void) => {
    selectedIndex: number;
    setSelectedIndex: React.Dispatch<React.SetStateAction<number>>;
    handleFirst: () => void;
    handlePrev: () => void;
    handleNext: () => void;
    handleLast: () => void;
};
//# sourceMappingURL=HottestFramesBar.d.ts.map