import { ReactNode } from "react";
/**
 * Props for {@link Draggable}
 */
export interface DraggableProps {
    /** Unique identifier for the draggable item */
    draggableId: string;
    /** Child elements to be rendered inside the draggable container */
    children: ReactNode;
}
/**
 * Draggable wrapper component that makes its children draggable
 *
 * Using [@dnd-kit/core](https:/docs.dndkit.com/)
 *
 * @param props - {@link DraggableProps}
 *
 * @example
 * ```tsx
 * <Draggable draggableId="item-1">
 *     <div>Drag me!</div>
 * </Draggable>
 * ```
 */
export declare function Draggable({ draggableId, children }: DraggableProps): import("react").JSX.Element;
