import Component from '../../components/tree/tree.js';
import { type EventName } from '@lit/react';
import type { WaSelectionChangeEvent } from '../../events/events.js';
export type { WaSelectionChangeEvent } from '../../events/events.js';
/**
 * @summary Trees allow you to display a hierarchical list of selectable tree items. Items with children can be expanded
 *  and collapsed as desired by the user.
 * @documentation https://webawesome.com/docs/components/tree
 * @status stable
 * @since 2.0
 *
 * @dependency wa-tree-item
 *
 * @event {{ selection: WaTreeItem[] }} wa-selection-change - Emitted when a tree item is selected or deselected.
 *
 * @slot - The default slot.
 * @slot expand-icon - The icon to show when the tree item is expanded. Works best with `<wa-icon>`.
 * @slot collapse-icon - The icon to show when the tree item is collapsed. Works best with `<wa-icon>`.
 *
 * @csspart base - The component's base wrapper.
 *
 * @cssproperty [--indent-size=var(--wa-space-m)] - The size of the indentation for nested items.
 * @cssproperty [--indent-guide-color=var(--wa-color-surface-border)] - The color of the indentation line.
 * @cssproperty [--indent-guide-offset=0] - The amount of vertical spacing to leave between the top and bottom of the
 *  indentation line's starting position.
 * @cssproperty [--indent-guide-style=solid] - The style of the indentation line, e.g. solid, dotted, dashed.
 * @cssproperty [--indent-guide-width=0] - The width of the indentation line.
 */
declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {
    onWaSelectionChange: EventName<WaSelectionChangeEvent>;
}>;
export default reactWrapper;
