import { ReactNode } from "react";
/**
 * Props for {@link Droppable}
 */
export interface DroppableProps {
    /** Unique identifier for the droppable zone */
    droppableId: string;
    /** Child elements to be rendered inside the droppable container */
    children: ReactNode;
}
/**
 * Droppable zone component that can receive draggable items
 *
 * Using [@dnd-kit/core](https:/docs.dndkit.com/)
 *
 * @param props - {@link DroppableProps}
 *
 * @example
 * ```tsx
 * <Droppable droppableId="drop-zone-1">
 *     <div>Drop items here</div>
 * </Droppable>
 * ```
 */
declare function Droppable({ droppableId, children }: DroppableProps): import("react").JSX.Element;
export default Droppable;
