import React from 'react';
import { useSortable } from '@dnd-kit/sortable';
export interface SortableItemProvided {
    attributes: ReturnType<typeof useSortable>['attributes'];
    listeners: ReturnType<typeof useSortable>['listeners'];
    setNodeRef: ReturnType<typeof useSortable>['setNodeRef'];
    transform: any;
    transition: any;
    isDragging: boolean;
}
export interface DragAndDropListProps<T> {
    items: T[];
    onReorder: (newItems: T[]) => void;
    renderItem: (item: T, index: number, provided: any) => React.ReactNode;
    getItemId: (item: T) => string;
    maxItemWidth?: number | string;
}
export declare function DragAndDropList<T>({ items, onReorder, renderItem, getItemId, maxItemWidth, }: DragAndDropListProps<T>): import("react/jsx-runtime").JSX.Element;
interface SortableItemProps {
    id: string;
    children: (provided: any) => React.ReactNode;
}
export declare function SortableItem({ id, children }: SortableItemProps): import("react/jsx-runtime").JSX.Element;
export {};