import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import DynamicForm from "../../components/DynamicForm/DynamicForm.js";
import { useMainEditorStore } from "../../hooks/useMainEditorStore.js";
import { editorCn } from "../../utils/cn.js";
import './GlobalConfig.css';
const b = editorCn('global-config');
const GlobalConfig = ({ className }) => {
    const { global, content, updateField } = useMainEditorStore();
    const onUpdate = (key, value) => {
        updateField('navigation.' + key, value);
    };
    return (_jsxs("div", { className: b(null, className), children: [_jsx("div", { className: b('title'), children: "Global Config" }), _jsx(DynamicForm, { contentConfig: content.navigation, blockConfig: global, onUpdateByKey: onUpdate })] }));
};
export default GlobalConfig;
//# sourceMappingURL=GlobalConfig.js.map
