import type { CornerPlacement } from '../../types';
/**
* 工具栏显示项目。
*
* The item of the toolbar.
*/
export interface ToolbarItem {
/**
* 可以使用 id 来配置内置的工具栏项，可以是 'zoom-in'、'zoom-out'、'auto-fit'、'reset' 等值，也可以配合三方的 iconfont 使用，原理是通过 id 来匹配内置的 svg symbol。See: https://developer.mozilla.org/en-US/docs/Web/SVG/Element/symbol。
*
* You can use id to configure the built-in toolbar items, which can be values such as 'zoom-in', 'zoom-out', 'auto-fit', 'reset', etc. One of the two configurations with `marker`. The principle is to match the built-in svg symbol through id. See: https://developer.mozilla.org/en-US/docs/Web/SVG/Element/symbol.
*/
readonly id: 'zoom-in' | 'zoom-out' | 'redo' | 'undo' | 'edit' | 'delete' | 'auto-fit' | 'export' | 'reset' | string;
/**
* 工具栏项对应的值，在 onClick 中作为回调参数。
*
* The value corresponding to the toolbar item, used as a callback parameter in `onClick`.
*/
readonly value: string;
/**
* The title of the toolbar item. The title will be displayed as a tooltip when the mouse hovers over the item.
*/
readonly title?: string;
}
/**
* 解析 toolbar 的 position 为位置样式。
*
* Parse the position of the toolbar into position style.
* @param position - position
* @returns style
*/
export declare function parsePositionToStyle(position: CornerPlacement): Partial;
/**
* 内置默认的 toolbar 的 CSS 样式。
*/
export declare const TOOLBAR_CSS = "\n .g6-toolbar {\n position: absolute;\n z-index: 100;\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n border-radius: 4px;\n box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1);\n opacity: 0.65;\n }\n .g6-toolbar .g6-toolbar-item {\n display: inline-block;\n width: 16px;\n height: 16px;\n padding: 4px;\n cursor: pointer;\n box-sizing: content-box;\n }\n\n .g6-toolbar .g6-toolbar-item:hover {\n background-color: #f0f0f0;\n }\n\n .g6-toolbar .g6-toolbar-item svg {\n display: inline-block;\n width: 100%;\n height: 100%;\n pointer-events: none;\n }\n";
export declare const BUILD_IN_SVG_ICON = "\n \n";