@react-av/editor
Version:
Editor Timeline Components built on React AV.
15 lines • 1.16 kB
JavaScript
import { jsx as _jsx } from "react/jsx-runtime";
import { createContext, useContext, useState } from "react";
const TimelineEditorContext = createContext(undefined);
export function useTimelineEditorContext() {
const context = useContext(TimelineEditorContext);
if (!context) {
throw new Error('useTimelineEditorContext must be used within a TimelineEditor component');
}
return context;
}
export function TimelineEditor({ children, styling }) {
const [timelineInterval, setTimelineInterval] = useState(5);
return _jsx("div", { style: Object.assign({ display: 'flex', flexDirection: 'column' }, (typeof (styling === null || styling === void 0 ? void 0 : styling.timelineEditorContainer) === 'string' ? {} : styling === null || styling === void 0 ? void 0 : styling.timelineEditorContainer)), className: typeof (styling === null || styling === void 0 ? void 0 : styling.timelineEditorContainer) === 'string' ? styling.timelineEditorContainer : undefined, children: _jsx(TimelineEditorContext.Provider, { value: { timelineInterval, setTimelineInterval }, children: children }) });
}
//# sourceMappingURL=TimelineEditor.js.map