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.