import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { Card } from '@gravity-ui/uikit';
import { HTML } from "../../../components/index.js";
import { getItemTitle } from "../../utils/index.js";
import { editorCn } from "../../utils/cn.js";
import { getBlockTypeLabel } from "./utils/blocksBridge.js";
import './TreeItem.css';
const b = editorCn('tree-item');
export function TreeItemOverlay({ block, count, indentLeft }) {
    const typeLabel = getBlockTypeLabel(block);
    const treeTitle = getItemTitle(block);
    return (_jsxs(Card, { className: b({ overlay: true }), style: { marginLeft: indentLeft }, "data-overlay": true, children: [_jsx("div", { className: b('main'), children: _jsxs("div", { className: b('text'), children: [_jsx("div", { className: b('type'), children: typeLabel }), _jsx(HTML, { className: b('title'), children: treeTitle })] }) }), count > 0 ? _jsx("span", { className: b('badge'), children: count }) : null] }));
}
//# sourceMappingURL=TreeItemOverlay.js.map
