import React from 'react';
import type { FlattenedItem } from './types';
import './TreeItem.scss';
export interface TreeItemProps<T> {
    clone?: boolean;
    depth: number;
    withDepthMarkers?: boolean;
    disableInteraction?: boolean;
    ghost?: boolean;
    handleProps?: Record<string, unknown>;
    value: string;
    item: FlattenedItem<T>;
    dragRef?: React.Ref<HTMLDivElement> | null;
    wrapperRef?: React.Ref<HTMLLIElement> | null;
    renderItem: TreeItemRenderFn<T>;
    /**
     * Styles from dnd-kit to transform the depth lines
     */
    style?: React.CSSProperties;
    top?: number;
}
export type TreeItemRenderFnProps<T> = {
    ref: React.Ref<HTMLDivElement> | null;
    clone: boolean;
    value: string;
    item: FlattenedItem<T>;
    handleProps?: Record<string, unknown>;
};
export type TreeItemRenderFn<T> = (props: TreeItemRenderFnProps<T>) => JSX.Element;
export declare function TreeItem<T>(props: TreeItemProps<T>): JSX.Element;
export declare namespace TreeItem {
    var displayName: string;
}
//# sourceMappingURL=TreeItem.d.ts.map