import * as React from "react";
export type SortableListChange<TItem> = {
    activeId: string;
    overId: string | null;
    oldIndex: number;
    newIndex: number;
    item: TItem;
};
export type SortableListRenderContext = {
    index: number;
    isDragging: boolean;
    isDropTarget: boolean;
    handle: React.ReactNode;
};
export type SortableListProps<TItem> = Omit<React.ComponentProps<"div">, "children" | "defaultValue" | "onChange"> & {
    items?: TItem[];
    defaultItems?: TItem[];
    getItemId: (item: TItem) => string;
    getItemLabel?: (item: TItem) => string;
    renderItem: (item: TItem, context: SortableListRenderContext) => React.ReactNode;
    onItemsChange?: (items: TItem[], change: SortableListChange<TItem>) => void;
    disabled?: boolean | ((item: TItem) => boolean);
    orientation?: "vertical" | "horizontal" | "grid";
    empty?: React.ReactNode;
    handleLabel?: (item: TItem) => string;
    itemClassName?: string | ((item: TItem, context: SortableListRenderContext) => string);
    overlayClassName?: string;
};
declare function SortableList<TItem>({ items: itemsProp, defaultItems, getItemId, getItemLabel, renderItem, onItemsChange, disabled, orientation, empty, handleLabel, itemClassName, overlayClassName, className, "aria-label": ariaLabel, ...props }: SortableListProps<TItem>): React.JSX.Element;
export { SortableList };