@react-av/editor
Version:
Editor Timeline Components built on React AV.
29 lines (28 loc) • 1.15 kB
TypeScript
import type { ReactNode, RefObject } from "react";
import React from "react";
export interface TimelineEntryData {
start: number;
end: number;
content?: ReactNode;
symbol?: unknown;
_draft?: "draft" | "selection";
}
export interface DraftTimelineEntryData {
start: number;
end: number;
}
export interface TimelineTrackProps {
labelComponent: React.ReactElement;
draft?: DraftTimelineEntryData;
snap?: boolean;
selectedRef?: RefObject<HTMLDivElement>;
onDraftCreate?: (draft: DraftTimelineEntryData) => void;
entries?: TimelineEntryData[];
onEntrySelect?: (entry?: TimelineEntryData) => void;
selectedSymbol?: unknown;
onEntryEdit?: (entry: TimelineEntryData) => void;
onEntryMove?: (delta: number) => void;
onEntryDelete?: () => void;
onEntryResize?: (start: number, end: number) => void;
}
export declare function TimelineTrack({ labelComponent, draft, snap, onDraftCreate, entries, onEntrySelect, selectedSymbol, onEntryMove, onEntryEdit, onEntryDelete, onEntryResize, selectedRef: externalSelectedRef }: TimelineTrackProps): import("react/jsx-runtime").JSX.Element;