import {ListItem, List, Box} from '@mui/material'; import Passenger from './Passenger'; import {PassengerEntity, TravelEntity} from '../../generated/graphql'; import {ReactNode} from 'react'; interface Props { passengers: PassengerEntity[]; travel?: TravelEntity; onClickPassenger?: (passengerId: string) => void; Actions?: (props: {passenger: PassengerEntity}) => ReactNode; } const PassengersList = (props: Props) => { const {passengers, onClickPassenger, travel, Actions} = props; return ( {passengers?.map((passenger, index) => ( onClickPassenger?.(passenger.id)} > ))} ); }; export default PassengersList;