import { ReactNode } from 'react';
import { DraggableProvided, DraggableStateSnapshot, DraggableProvidedDragHandleProps, DraggableProvidedDraggableProps, DraggingStyle } from 'react-beautiful-dnd-next';
import { ItemId, Path, TreeItem } from '../../types';
export type TreeDraggingStyle = DraggingStyle & {
    paddingLeft: number;
    transition: 'none' | string;
};
export type DragActionType = null | 'mouse' | 'key' | 'touch';
export type RenderItemParams = {
    item: TreeItem;
    depth: number;
    onExpand: (itemId: ItemId) => void;
    onCollapse: (itemId: ItemId) => void;
    provided: TreeDraggableProvided;
    snapshot: DraggableStateSnapshot;
};
export type TreeDraggableProvided = {
    draggableProps: DraggableProvidedDraggableProps;
    dragHandleProps: DraggableProvidedDragHandleProps | null;
    innerRef: (el: HTMLElement | null) => void;
};
export type Props = {
    item: TreeItem;
    path: Path;
    onExpand: (itemId: ItemId, path: Path) => void;
    onCollapse: (itemId: ItemId, path: Path) => void;
    renderItem: (item: RenderItemParams) => ReactNode;
    provided: DraggableProvided;
    snapshot: DraggableStateSnapshot;
    itemRef: (itemId: ItemId, element: HTMLElement | null) => void;
    offsetPerLevel: number;
};