import { TemplateResult } from 'lit';
import ShoelaceElement from '../../internal/shoelace-element.js';
import SlOrgNode, { OrgNodeDataType } from '../org-node/org-node.component.js';
/**
 * @since 2.0
 * @status experimental
 *
 *
 *
 * @event {{ node: SlOrgNode,nodeData:OrgNodeDataType }} sl-org-tree-node-click  Emitted when node click.
 * @event {{ node: SlOrgNode,nodeData:OrgNodeDataType }} sl-org-tree-node-toggle Emitted when node toggle changed.
 *

 *
 * @csspart container - The component's container wrapper.
 * @csspart tree - The component's tree wrapper.
 *
 * @cssproperty --example - An example CSS custom property.
 */
export default class SlOrgTree extends ShoelaceElement {
    static styles: import("lit").CSSResult;
    /**
     * Organizational structure node data
     */
    rootData: OrgNodeDataType;
    /**
     * Centered or not
     */
    center: boolean;
    /**
     * Whether it is horizontal layout Organizational structure
     */
    horizontal: boolean;
    nodeRender: (node: OrgNodeDataType) => TemplateResult<1> | TemplateResult<1>[];
    containerEl: HTMLDivElement;
    render(): TemplateResult<1>;
    rootNode: SlOrgNode;
    private handNodeEvent;
}
declare global {
    interface HTMLElementTagNameMap {
        'sl-org-tree': SlOrgTree;
    }
}