import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { usePCEditorBlockRegister } from "../../../hooks/usePCEditorBlockRegister.js";
import { usePCEditorStore } from "../../../hooks/usePCEditorStore.js";
import { block } from "../../../utils/index.js";
import './EmptyBlocksWrapper.css';
const b = block('empty-blocks-wrapper');
const EMPTY_DROP_PATH = [0];
const EmptyBlocksWrapper = () => {
    const { initialized, content: { blocks }, } = usePCEditorStore();
    const blockRef = usePCEditorBlockRegister(EMPTY_DROP_PATH);
    if (!initialized || blocks.length > 0) {
        return null;
    }
    return (_jsx("div", { ref: blockRef, className: b(), children: _jsxs("div", { className: b('content'), children: [_jsx("div", { className: b('icon'), children: "+" }), _jsx("div", { className: b('text'), children: "\u041F\u0435\u0440\u0435\u0442\u0430\u0449\u0438\u0442\u0435 \u0431\u043B\u043E\u043A \u0441\u044E\u0434\u0430" }), _jsx("div", { className: b('hint'), children: "\u0411\u043B\u043E\u043A\u0438 \u043D\u0430\u0445\u043E\u0434\u044F\u0442\u0441\u044F \u043D\u0430 \u043F\u0430\u043D\u0435\u043B\u0438 \u0441\u043B\u0435\u0432\u0430" })] }) }));
};
export default EmptyBlocksWrapper;
//# sourceMappingURL=EmptyBlocksWrapper.js.map
