Make A Div Resizable So That Extends Only Till a Draggable Div in React

I am working on a project: https://github.com/analysis230/lose-control I am planning to make the three dots in the middle draggable so I can move them in the x axis and the two sections should resize with it. The two dark sections are divs and the three dots are also inside a div. How can achieve the desired effect? Basically turning the three dots into a resize point.
GitHub
GitHub - analysis230/lose-control
Contribute to analysis230/lose-control development by creating an account on GitHub.
No description