Untitled

       <TableContainer component={Paper}>
                                    <Table>
                                        <TableBody>
                                            <TableRow>
                                                <TableCell style={{ fontWeight: 'bold' }}>Booking Id:</TableCell>
                                                <TableCell>{bookingHistoryData?.id}</TableCell>
                                            </TableRow>
                                            <TableRow>
                                                <TableCell style={{ fontWeight: 'bold' }}>Status:</TableCell>
                                                <TableCell>{bookingHistoryData?.status}</TableCell>
                                            </TableRow>
                                            <TableRow>
                                                <TableCell style={{ fontWeight: 'bold' }}>Booking Price:</TableCell>
                                                <TableCell>{bookingHistoryData?.roomRate}</TableCell>
                                            </TableRow>
                                            <TableRow>
                                                <TableCell style={{ fontWeight: 'bold' }}>Check-In Date:</TableCell>
                                                <TableCell>{handleFormatDate(bookingHistoryData?.inDate)}</TableCell>
                                            </TableRow>
                                            <TableRow>
                                                <TableCell style={{ fontWeight: 'bold' }}>Check-Out Date:</TableCell>
                                                <TableCell>{handleFormatDate(bookingHistoryData?.outDate)}</TableCell>
                                            </TableRow>
                                            <TableRow>
                                                <TableCell style={{ fontWeight: 'bold' }}>No of Rooms:</TableCell>
                                                <TableCell>{bookingHistoryData?.room || ''}</TableCell>
                                            </TableRow>
                                            <TableRow>
                                                <TableCell style={{ fontWeight: 'bold' }}>Name:</TableCell>
                                                <TableCell>{bookingHistoryData?.name}</TableCell>
                                            </TableRow>
                                            <TableRow>
                                                <TableCell style={{ fontWeight: 'bold' }}>Phone Number:</TableCell>
                                                <TableCell>{bookingHistoryData?.phone}</TableCell>
                                            </TableRow>
                                            <TableRow>
                                                <TableCell style={{ fontWeight: 'bold' }}>Town / City:</TableCell>
                                                <TableCell>{bookingHistoryData?.city}</TableCell>
                                            </TableRow>
                                            <TableRow>
                                                <TableCell style={{ fontWeight: 'bold' }}>Country:</TableCell>
                                                <TableCell>{bookingHistoryData?.country}</TableCell>
                                            </TableRow>
                                            <TableRow>
                                                <TableCell style={{ fontWeight: 'bold' }}>ZIP code:</TableCell>
                                                <TableCell>{bookingHistoryData?.zipCode || ''}</TableCell>
                                            </TableRow>
                                            <TableRow>
                                                <TableCell style={{ fontWeight: 'bold' }}>No of Person:</TableCell>
                                                <TableCell>{bookingHistoryData?.adult || ''} Adult {bookingHistoryData?.child || ''} Child</TableCell>
                                            </TableRow>
                                        </TableBody>
                                    </Table>
                                </TableContainer>