import { CSSProperties } from 'react';
import { HTMLAttributes } from 'react';
import { JSX as JSX_2 } from 'react';
import { JSX as JSX_3 } from 'react/jsx-runtime';
import { UniqueIdentifier } from '@dnd-kit/core';

export declare interface ActionProps extends HTMLAttributes<HTMLButtonElement> {
    active?: {
        fill: string;
        background: string;
    };
    cursor?: CSSProperties['cursor'];
}

declare type BadgeProps = {
    count: number;
};

export declare type FlattenedItem<T extends object = {}> = TreeItem<T> & {
    parentId: UniqueIdentifier | null;
    depth: number;
    index: number;
};

export declare type RenderComponentType<T extends TreeItem> = {
    Handle?: (props: ActionProps) => JSX_2.Element;
    Collapse?: (props: ActionProps) => JSX_2.Element;
    Remove?: (props: ActionProps) => JSX_2.Element;
    ItemContent?: (props: T) => JSX_2.Element;
    Badge?: (props: BadgeProps) => JSX_2.Element;
};

export declare const SortableTree: <T extends object = {}>({ collapsible, defaultItems, indicator, indentationWidth, removable, components, height, renderItemContent, onChange, onRemove, }: SortableTreeProps<T>) => JSX_3.Element;

declare interface SortableTreeItemProps<T extends TreeItem> extends TreeItemProps<T> {
    id: UniqueIdentifier;
    renderItem?: (props: Omit<SortableTreeItemProps<T>, 'id'>) => JSX_2.Element;
}

export declare interface SortableTreeProps<T extends object> {
    collapsible?: boolean;
    defaultItems?: TreeItem<T>[];
    indentationWidth?: number;
    indicator?: boolean;
    removable?: boolean;
    components?: SortableTreeItemProps<TreeItem<T>>['components'];
    height?: string | number;
    renderItemContent?: SortableTreeItemProps<TreeItem<T>>['renderItem'];
    onChange?: (currentItem: FlattenedItem<T>, changeItem: FlattenedItem<T>) => void;
    onRemove?: (id: UniqueIdentifier) => void;
}

export declare type TreeItem<T extends object = {}> = T & {
    id: UniqueIdentifier;
    collapsed?: boolean;
    children: TreeItem<T>[];
};

declare interface TreeItemProps<T extends TreeItem> extends Omit<HTMLAttributes<HTMLLIElement>, 'id'> {
    childCount?: number;
    clone?: boolean;
    collapsed?: boolean;
    depth: number;
    disableInteraction?: boolean;
    disableSelection?: boolean;
    ghost?: boolean;
    handleProps?: ActionProps;
    indicator?: boolean;
    indentationWidth: number;
    value: T;
    components?: RenderComponentType<T>;
    onCollapse?(): void;
    onRemove?(): void;
    wrapperRef?(node: HTMLLIElement): void;
}

export { }