export interface VttCue {
    startTime: number;
    endTime: number;
    url: string;
    x: number;
    y: number;
    w: number;
    h: number;
}
export declare function parseVttThumbnails(text: string): VttCue[];
export declare class ThumbnailPreview {
    private cues;
    private el;
    private img;
    private container;
    constructor(container: HTMLElement);
    load(url: string): Promise<void>;
    hasCues(): boolean;
    getCueAt(time: number): VttCue | null;
    /** Show the thumbnail above the tooltip at a given horizontal position (0–100%). */
    show(time: number, leftPct: number): void;
    hide(): void;
    destroy(): void;
}
export declare const thumbnailPreviewStyles = "\n  .vp-thumb-preview {\n    position: absolute;\n    bottom: calc(100% + 36px);\n    transform: translateX(-50%);\n    pointer-events: none;\n    border-radius: 4px;\n    overflow: hidden;\n    box-shadow: 0 4px 16px rgba(0,0,0,0.6);\n    border: 2px solid rgba(255,255,255,0.15);\n    display: none;\n  }\n";