import React from 'react';
import { UniqueIdentifier } from '@dnd-kit/core';
import { AnimateLayoutChanges } from '@dnd-kit/sortable';
export interface RenderItemProps {
    index: number;
    withDragHandle: (element: React.ReactNode) => React.ReactNode;
    isDragging: boolean;
    isSorting: boolean;
    id: UniqueIdentifier;
}
export interface ReorderableListProps {
    disabled?: boolean;
    items: UniqueIdentifier[];
    renderItem: (args: RenderItemProps) => React.ReactNode;
    onReorder: (fromIndex: number, toIndex: number) => void;
}
/**
 * Sortable list component
 * Render list of items that could be reordered by drag and drop (vertically)
 *
 * @internal
 */
export declare const ReorderableList: ({ disabled, items, renderItem, onReorder, }: ReorderableListProps) => import("react/jsx-runtime").JSX.Element;
interface ReorderableItemProps {
    animateLayoutChanges?: AnimateLayoutChanges;
    disabled?: boolean;
    id: UniqueIdentifier;
    index: number;
    renderItem: (args: RenderItemProps) => React.ReactNode;
}
export declare const ReorderableItem: ({ disabled, id, index, renderItem }: ReorderableItemProps) => import("react/jsx-runtime").JSX.Element;
export {};
