import { DragSourceHookSpec } from 'react-dnd';
import { DragAroundProps } from './DragAround';
type CollectedProps = {
    draggable: boolean;
    dragging: boolean;
};
export type DraggableProps<DragObject = any, DropResult = any> = Omit<DragAroundProps, 'dragging'> & Omit<DragSourceHookSpec<DragObject, DropResult, CollectedProps>, 'collect'> & {
    draggingChange?: (dragging: boolean) => void;
    drop?: (dropResult: DropResult) => void;
};
export default function Draggable<DragObject, DropResult>({ children, type, item, options, previewOptions, draggingChange, end, canDrag, isDragging, drop, css, ...props }: DraggableProps<DragObject, DropResult>): import("@emotion/react/jsx-runtime").JSX.Element;
export declare function endWithDrop<DragObject, DropResult>(end: DragSourceHookSpec<DragObject, DropResult, any>['end'], drop?: (dropResult: DropResult) => void): DragSourceHookSpec<DragObject, DropResult, any>['end'];
export declare const grabCursor: import("@emotion/utils").SerializedStyles;
export {};