import * as React from "react";
export interface ThumbData {
    /**
     * Number of columns per thumbnail sheet.
     * @default 5
     */
    cols?: number;
    /**
     * Number of rows per thumbnail sheet.
     * @default 5
     */
    rows?: number;
    /**
     * Width of individual thumbnails.
     * @default 160
     */
    width?: number;
    /**
     * Height of individual thumbnails.
     * @default 100
     */
    height?: number;
    /**
     * How many seconds between thumbnails.
     * @default 4
     */
    frequency?: number;
    /** URL pattern for thumbnails. Must include "%s". */
    path: string;
    /** Points of interest in the video to highlight. */
    highlights?: VideoHighlight[];
}
interface Props extends Omit<ThumbData, "highlights"> {
    progress: number;
    show: boolean;
    title: string;
}
interface VideoHighlight {
    time: number;
    title: string;
}
export declare function ThumbnailBox(props: Props): React.JSX.Element;
export {};