Live Teaching Component - Copy this React, Tailwind Component to your project

Create a component for my live teaching website. I need all camera preview position on the left in approximately 20% of the screen area and on right of the screen I need a whiteboard, and just below it I need its tools like pencil, eraser, highlighter, image uploader, text or type tool, whiteboard full screen icon, and more. if user hover on camera preview position, then toolbar should appear on it with icons like mic, camera, exit, chat, file share, screen share and more. on whiteboard full screen icon click whiteboard should be full screen. and a small floating icon with opacity 20% should appear on right top corner. on icon click a tool box should appear with pause screen, back to normal and mute button. whole component should be responsive i.e. mobile, ipad, and large device friendly.