import { jsx as _jsx } from "@emotion/react/jsx-runtime";
import { useMemo, useContext, } from 'react';
import { FormStyled } from '../inspector.style';
import { MultiField } from '../../../../../../../components/multi-field';
import { AnimationEditorContext } from '../../../providers';
export const FrameInspector = () => {
    const { inspectedEntity } = useContext(AnimationEditorContext);
    const framePath = inspectedEntity === null || inspectedEntity === void 0 ? void 0 : inspectedEntity.path;
    const fieldsPath = useMemo(() => framePath.concat('fields'), [framePath]);
    return (_jsx(FormStyled, { children: _jsx(MultiField, { path: fieldsPath }) }));
};
