import { ReactNode } from 'react';
import { DndSortChangeEvent } from './types';
/**
 * Props for the DndSort component
 */
export type DndSortProps = {
    /**
     * Callback function that is called when an item is dropped.
     * Provides information about the drop event including source, destination, and validity.
     */
    onDrop?: (event: DndSortChangeEvent) => void;
    /**
     * The content to be rendered inside the DndSort context.
     * Should include DndSortZone and DndSortCard components.
     */
    children: ReactNode;
};
/**
 * Root component for drag and drop sorting functionality.
 *
 * Features:
 * - Provides drag and drop context for child components
 * - Supports both mouse and touch interactions
 * - Keyboard accessibility with arrow key navigation
 * - Automatic collision detection and positioning
 * - Screen reader announcements for accessibility
 * - Flexible drop event handling
 * - Supports multiple drop zones and draggable items
 * - Visual feedback during drag operations
 * - Works correctly inside animated containers (Drawer, Dialog) by disabling interactions during opening animation while keeping content visible
 *
 * @example
 * <DndSort onDrop={handleDrop}>
 *   <DndSortZone id="zone-1" label="Zone 1">
 *     <DndSortCard id="item-1" label="Item 1">
 *       Item content
 *     </DndSortCard>
 *   </DndSortZone>
 * </DndSort>
 */
export default function DndSort({ children, onDrop, }: DndSortProps): import("react/jsx-runtime").JSX.Element;