Styled Table Row - Copy this React, Mui Component to your project

{-"data":-{-"bookings":-[-{-"reservation":-{-"table":-[-{-"_id":-"670951b3ea6efb0659c337c0",-"restaurant":-"670543302090430a304e75b1",-"tableNumber":-1,-"capacity":-4,-"location":-"BALCONY"-},-{-"_id":-"670951b3ea6efb0659c337c2",-"restaurant":-"670543302090430a304e75b1",-"tableNumber":-3,-"capacity":-6,-"location":-"INDOOR"-},-{-"_id":-"670951b3ea6efb0659c337c4",-"restaurant":-"670543302090430a304e75b1",-"tableNumber":-5,-"capacity":-10,-"location":-"INDOOR"-},-{-"_id":-"670951b3ea6efb0659c337c1",-"restaurant":-"670543302090430a304e75b1",-"tableNumber":-2,-"capacity":-2,-"location":-"INDOOR"-},-{-"_id":-"670951b3ea6efb0659c337c3",-"restaurant":-"670543302090430a304e75b1",-"tableNumber":-4,-"capacity":-8,-"location":-"INDOOR"-},-{-"_id":-"671b1201602f95c6674d877d",-"restaurant":-"670543302090430a304e75b1",-"tableNumber":-9,-"capacity":-4,-"location":-"OUTDOOR",-"__v":-0-}-],-"status":-"RESERVED"-},-"_id":-"6714d7e87501adaf48c87d13",-"bookingTime":-"2024-11-18T07:30:00.000Z",-"customer":-"66fec0ebe6047d9e02234c6c",-"guest":-null,-"note":-"update-booking",-"voucher":-"6708c075e4c878b61abc47db",-"adultsCount":-22,-"childrenCount":-15,-"status":-"TABLE_ASSIGNED",-"restaurant":-"670543302090430a304e75b1",-"createdAt":-"2024-10-20T10:14:00.447Z",-"updatedAt":-"2024-11-07T17:35:47.422Z",-"__v":-0-}-],-"availableTables":-[-{-"_id":-"671b1caad83f24908f838905",-"restaurant":-"6705457b2090430a304e75bd",-"tableNumber":-11,-"capacity":-5,-"location":-"INDOOR",-"__v":-0-},-{-"_id":-"671b91db193a62b642c6deae",-"restaurant":-"6705431d2090430a304e75af",-"tableNumber":-13,-"capacity":-4,-"location":-"INDOOR",-"__v":-0-},-{-"_id":-"671bc9cd193a62b642c6df27",-"restaurant":-"670543302090430a304e75b1",-"tableNumber":-15,-"capacity":-12,-"location":-"OUTDOOR",-"__v":-0-},-{-"_id":-"672a627ba11f0bc1f91201ee",-"restaurant":-"67012a161f350cf152712f3c",-"tableNumber":-24,-"capacity":-2,-"location":-"OUTDOOR",-"__v":-0-},-{-"_id":-"672b14e4e65dfc9e5f4070cb",-"restaurant":-"67012a161f350cf152712f3c",-"tableNumber":-22,-"capacity":-11,-"location":-"INDOOR",-"__v":-0-}-]-},-"message":-"Success"-}-help-me-display-as-table-with-filter-select-option-by-restaurant,-input-enter-date-and-time-to-filter-with-table-in-reservation-will-show-green-and-currently-active-and-availableTables-will-show-white-not-active