@react-av/editor
Version:
Editor Timeline Components built on React AV.
39 lines (38 loc) • 1.66 kB
TypeScript
import * as Media from "@react-av/core";
import React, { type CSSProperties } from "react";
export interface EditorStyling {
mediaContainer?: string | CSSProperties;
editorContainer?: string | CSSProperties;
timelineReelContainer?: string | CSSProperties;
timelineHeaderReelContainer?: string | CSSProperties;
timelineBaseReelContainer?: string | CSSProperties;
timelinePlayheadLine?: string | CSSProperties;
timelineTrackTape?: string | CSSProperties;
timelineDragElementBase?: string | CSSProperties;
timelineDragElementSelected?: string | CSSProperties;
timelineDraftElementBase?: string | CSSProperties;
timelineTimelineElementBase?: string | CSSProperties;
timelineTimelineElement?: string | CSSProperties;
timelineEntryLabelContainer?: string | CSSProperties;
timelineEntryLabelTextContainer?: string | CSSProperties;
timelineEntryLabelText?: string | CSSProperties;
timelineEntryLabelControlsContainer?: string | CSSProperties;
}
export interface EditorPropsCommon {
styling?: EditorStyling;
fallbackAspectRatio?: number;
children?: React.ReactNode;
}
export type EditorProps = EditorPropsCommon & ({
audioOnly: true;
mediaComponent: React.ReactElement<typeof Media.Audio>;
} | {
audioOnly?: false;
mediaComponent: React.ReactElement<typeof Media.Video>;
});
export interface EditorContextValue {
isAudioOnly: boolean;
styling?: EditorStyling;
}
export declare function useEditorContext(): EditorContextValue;
export declare function Editor({ styling, fallbackAspectRatio, children, ...mediaProps }: EditorProps): import("react/jsx-runtime").JSX.Element;