Function DropZone

web/src/components/query-builder/DropZone.tsx:13–26

({ id }: DropZoneProps)

}

export function DropZone({ id }: DropZoneProps) {
  const { isOver, setNodeRef } = useDroppable({ id });

  return (
    <div
      ref={setNodeRef}
      className={cn(
        "h-2 rounded-sm border border-transparent transition-colors",
        isOver && "border-primary/60 bg-primary/20"
      )}
      aria-hidden="true"
    />
  );
}