Hotel Room Booking Component - Copy this React, Tailwind Component to your project

The dataset you provided includes detailed information about various rooms in a hotel, along with their statuses and booking details. Here's a quick breakdown: Room Information: Each entry includes details such as the room number, room type, adult and child counts, rank, and status (open, in house, etc.). Accessibility features and whether the room is a meeting room are also indicated. Booking and Guest Details: Some entries list specific booking information, such as check in and check out dates, room assignments, and guests' names or identifiers. For some rooms, there is a guest ID associated with the booking. For example, room "1001" has a guest ID of "401." Status Definitions: "Open" likely indicates that the room is available for booking. "Inhouse" means the room is currently occupied by a guest. "Assigned" refers to rooms that have been reserved but not yet checked in. Example of Specific Booking: Room "352320677182464" (room number "0102") was assigned on 2024 09 13, with an expected check in at 05:00:00 and check out on 2024 09 21. Is there any particular detail or operation you would like to perform on this data, such as filtering by room status or finding specific guest information?