import { type ReactElement, type ReactNode } from 'react';
/**
 * Wraps a palette item with `useDraggable` from @dnd-kit. The drag id encodes
 * the kind (trigger / action / step-reorder) and the source id so the drop
 * handler can pick the right code path. Visual styling is left to the wrapped children.
 */
export type DragSource = {
    readonly kind: 'palette-trigger';
    readonly triggerId: string;
} | {
    readonly kind: 'palette-action';
    readonly actionCode: string;
} | {
    readonly kind: 'step-reorder';
    readonly stepId: string;
};
interface DraggablePaletteItemProps {
    readonly id: string;
    readonly data: DragSource;
    readonly children: (props: {
        readonly isDragging: boolean;
    }) => ReactNode;
}
export declare function DraggablePaletteItem({ id, data, children }: DraggablePaletteItemProps): ReactElement;
export {};
//# sourceMappingURL=DraggablePaletteItem.d.ts.map