How to get this drag and rotate effect with the help of button

I want to make an object draggable using the drag controls but want the drag control to only work when the user clicks and drags the button just like in the video below, I want the same operation for the rotation of the object.

Additionally, I am working on react-three-fiber but any help even in vanilla three will do the trick.

Thanks in advance

Any reason to not just toggle the drag controls on or off based on state? Esp. that you’re working with react.

I am confused, how to toggle it cause I cant find a function or property for that