import React from 'react' ; import SnapCarousel from 'react-native-snap-carousel' ; import CarouselItem from '../molecules/CarouselItem' ; import { width } from '../../lib/window' ; interface Props { onEnd : ( ) => void ; onNext : ( ) => void ; carouselRef : any ; onSnapToItem : ( slide : number ) => void ; data : { text : string ; testID : string ; } [ ] ; } export default function Carousel ( props ) { const { onEnd , onNext , onSnapToItem , carouselRef , data } = props ; return ( < SnapCarousel data = { data } ref = { carouselRef } renderItem = { ( { item , index } ) => ( < CarouselItem item = { item } onPress = { index === data . length - 1 ? onEnd : onNext } />)} sliderWidth={width} itemWidth={width} onSnapToItem={onSnapToItem}/ > ) ; }