import React from 'react';
import { FlintTreeItem as FlintTreeItemElement } from '@getufy/flint-ui/tree-view/flint-tree-item';
/**
 * A single item inside a `flint-simple-tree-view` or `flint-rich-tree-view`.
 *
 * @slot lead - Leading icon or content.
 * @slot (default) - Item label text.
 */
export interface FlintTreeItemProps extends React.HTMLAttributes<FlintTreeItemElement> {
    /** Unique identifier for this item within the tree */
    itemId?: string;
    /** Label text displayed for this item */
    label?: string;
    /** Whether this item is disabled (non-interactive) */
    disabled?: boolean;
    /** Whether this item's children are visible */
    expanded?: boolean;
    /** When `true`, forces the expand button to render even if no `flint-tree-item` */
    hasChildren?: boolean;
    /** Whether this item is visually selected. Managed by the parent tree-view. */
    selected?: boolean;
    /** Whether the checkbox is in an indeterminate state (some but not all children selected). */
    indeterminate?: boolean;
    /** Visual drop position indicator — reflected so CSS :host selectors match */
    dropPosition?: 'before' | 'after' | 'inside' | null;
    /** Whether to show a dedicated drag handle icon */
    showDragHandle?: boolean;
    /**
     * Fired when the item is clicked (detail: { itemId, ctrlKey, shiftKey })
     * DOM event: `flint-tree-item-click`
     */
    onFlintTreeItemClick?: (event: CustomEvent) => void;
    /**
     * Fired when expanded state changes (detail: { itemId, expanded })
     * DOM event: `flint-tree-item-toggle`
     */
    onFlintTreeItemToggle?: (event: CustomEvent) => void;
}
export declare const FlintTreeItem: React.ForwardRefExoticComponent<FlintTreeItemProps & React.RefAttributes<FlintTreeItemElement>>;