import { DrawTransition } from './canvas-draw-types';
export interface TimelineItem {
    id: string;
    label?: string;
    color?: string;
    showAtMs: number;
    hideAtMs: number | null;
    groupId: string | null;
    transition: DrawTransition;
}
export interface TimelineGroup {
    id: string;
    label: string;
    color?: string;
    showAtMs: number;
    hideAtMs: number | null;
    transition: DrawTransition;
}
export interface MediaTimelineProps {
    items: TimelineItem[];
    groups: TimelineGroup[];
    durationMs: number;
    currentMs: number;
    selectedItemId: string | null;
    tickCount?: number;
    defaultItemColor?: string;
    zoomLevel?: number;
    onSelectItem: (id: string | null) => void;
    onUpdateItem: (id: string, patch: Partial<TimelineItem>) => void;
    onUpdateGroup: (id: string, patch: Partial<TimelineGroup>) => void;
    onAddGroup: () => void;
    onDeleteGroup: (id: string) => void;
    onSeek: (ms: number) => void;
    onZoomChange?: (zoom: number) => void;
}
export default function MediaTimeline({ items, groups, durationMs, currentMs, selectedItemId, tickCount, defaultItemColor, onSelectItem, onUpdateItem, onUpdateGroup, onAddGroup, onDeleteGroup, onSeek, zoomLevel: controlledZoom, onZoomChange, }: MediaTimelineProps): import("react").JSX.Element;