import { View } from 'react-native'
import React from 'react'
import RideContainer from '../../rideContainer'
import { RootStackParamList } from '../../../../navigation/main/types'
import { NativeStackNavigationProp } from '@react-navigation/native-stack'
import { useNavigation } from '@react-navigation/native'
import appColors from '../../../../theme/appColors'

type CompletedRideProps = NativeStackNavigationProp<RootStackParamList>

export function CompletedRide() {
  const { navigate } = useNavigation<CompletedRideProps>()

  return (
    <View>
      <RideContainer status={['completed', 'cancelled']} />
    </View>
  )
}
