import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
import { StateList, TransitionList, Timeline, Inspector, } from './components';
import { EditorStyled, EditorSectionStyled, StateTreeStyled, StateListCSS, TransitionListCSS, FooterStyled, AsideStyled, } from './editor.style';
export const Editor = () => (_jsxs(EditorStyled, { children: [_jsxs(EditorSectionStyled, { children: [_jsxs(StateTreeStyled, { children: [_jsx(StateList, { css: StateListCSS }), _jsx(TransitionList, { css: TransitionListCSS })] }), _jsx(FooterStyled, { children: _jsx(Timeline, {}) })] }), _jsx(AsideStyled, { children: _jsx(Inspector, {}) })] }));
