import List from '@material-ui/core/List'; import ListItem from '@material-ui/core/ListItem'; import {makeStyles} from '@material-ui/core/styles'; import Passenger from './Passenger'; import { ComponentPassengerPassenger, } from '../../generated/graphql'; interface Props { passengers: ComponentPassengerPassenger[]; Button: ({ onClick, disabled, }: { onClick: () => void; disabled?: boolean; }) => JSX.Element; disabled?: boolean; isVehicle?: boolean; isTravel?: boolean; places?: number; onPress?: (passengerId: string) => void; onClick?: (passengerId: string) => void; } const PassengersList = (props: Props) => { const {passengers, places, Button, onClick, onPress, disabled, isVehicle} = props; const classes = useStyles(); let list = passengers; if (places) { const emptyList = [...Array(places)]; list = Array.isArray(passengers) ? emptyList.map((u, index) => passengers[index]) : emptyList; } return (