Whiteboard Canvas - Copy this React, Tailwind Component to your project

I need a simple whiteboard canvas as a react component for my website. I need a toolbar at its bottom with an aero, pen, and smooth toggle button . if user select the pen then the point should change to pen and if user click and drag on the canvas he should be able to draw. once he release the click pen should stop drawing. if user change the size and transparency using the slider then the size of the drawing or the transparency of the drawing should change. if user select the aero tool then cursor should change to aero. now if user select on any drawing on the canvas he should be able to select it. anything selected will have a handle around it. using which user can resize, rotate and move the selected drawing. user can also select and delete the drawing by clicking on the delete button from keyboard or by clicking the delete icon from toolbar. while writing if user toggle the smooth button then lines should become smooth. if user toggle the smooth button again then the drawing should be back to normal. I will share it with my team over internet so that we all can work at the same time on this canvas. I want this canvas to ask for my name at the start. also I need a list to show all team members who are using it in real time. I can tick the name and assign edit permissions to the team members else everyone can only see it. so if I am drawing anything on it my team should be able to delete it from their end if I granted them access. provide fully functional code.