lingo3d/lib/editor/TimelineEditor/index.js

Lingo3D is a React/Vue 3d game development framework that ships with a complete visual editor

import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "preact/jsx-runtime";
import useInitCSS from "../hooks/useInitCSS";
import useInitEditor from "../hooks/useInitEditor";
import RulerBar from "./RulerBar";
import Scroller from "./Scroller";
import TimelineBar from "./TimelineBar";
import TimelineContextMenu from "./TimelineContextMenu";
import TimelineGraph from "./TimelineGraph";
const TimelineEditor = () => {
    useInitCSS();
    useInitEditor();
    return (_jsxs(_Fragment, { children: [_jsxs("div", { className: "lingo3d-ui lingo3d-bg lingo3d-panels", style: {
                    height: "100%",
                    width: "100%",
                    display: "flex"
                }, children: [_jsxs("div", { className: "lingo3d-flexcol", style: { width: 200 }, children: [_jsx(TimelineBar, {}), _jsx("div", { style: { flexGrow: 1 }, children: _jsx(TimelineGraph, {}) })] }), _jsxs("div", { className: "lingo3d-flexcol", style: { flexGrow: 1 }, children: [_jsx(RulerBar, {}), _jsx("div", { style: { flexGrow: 1 }, children: _jsx(Scroller, {}) })] })] }), _jsx(TimelineContextMenu, {})] }));
};
export default TimelineEditor;
//# sourceMappingURL=index.js.map