Movie Ticket Booking - Copy this React, Tailwind Component to your project

Create a UI for movies ticket booking, include all seats of 3 statuses (taken, available, selected), each status has distinct color only allow 1 selected seat. when click to an available seat it will become selected. There also have a section for seat info when hovering, appear when hovering to a seat, this section will overlap the modal and don't take extra space. Also there should be an icon for door to make user know where their seat is (near for far from door). Also have a section for seat caption (like red seat icon means taken ...)