import { DraggableAttributes } from '@dnd-kit/core'; import { SyntheticListenerMap } from '@dnd-kit/core/dist/hooks/utilities'; import { DndSortChangeEvent } from '../types'; type DndSortItemChildrenParams = { setNodeRef: (node: HTMLElement | null) => void; setActivatorNodeRef: (node: HTMLElement | null) => void; attributes: DraggableAttributes; listeners?: SyntheticListenerMap; style: React.CSSProperties; }; type DndSortItemProps = { children: (params: DndSortItemChildrenParams) => React.ReactNode; id: string | number; label: string; onDrop?: (event: DndSortChangeEvent) => void; type?: string; }; /** * A generic draggable component for the DndSort system. Can be used to create any draggable item. * * @param props * @param props.children A function that receives the necessary props to make the item draggable * @param props.id The unique identifier for the draggable item * @param props.label The label for the draggable item * @param props.onDrop The callback function to be called when the item is dropped * @param props.type The type of the draggable item, used for validation (optional) * @returns */ export default function DndSortItem({ children: childrenFn, id, label, onDrop: onDropProp, type, }: DndSortItemProps): import("react/jsx-runtime").JSX.Element; export {};