@@ -598,7 +598,7 @@ var Carousel = function (_Component) {
598
598
return _react2 . default . createElement (
599
599
'li' ,
600
600
slideProps ,
601
- item
601
+ _this2 . props . renderItem ( item , { isSelected : index === _this2 . state . selectedItem } )
602
602
) ;
603
603
} ) ;
604
604
}
@@ -649,7 +649,7 @@ var Carousel = function (_Component) {
649
649
thumbWidth : this . props . thumbWidth ,
650
650
labels : this . props . labels
651
651
} ,
652
- this . props . children
652
+ this . props . renderThumbs ( this . props . children )
653
653
) ;
654
654
}
655
655
} , {
@@ -815,7 +815,9 @@ Carousel.propTypes = {
815
815
onSwipeMove : _propTypes2 . default . func ,
816
816
renderArrowPrev : _propTypes2 . default . func ,
817
817
renderArrowNext : _propTypes2 . default . func ,
818
- renderIndicator : _propTypes2 . default . func
818
+ renderIndicator : _propTypes2 . default . func ,
819
+ renderItem : _propTypes2 . default . func ,
820
+ renderThumbs : _propTypes2 . default . func
819
821
} ;
820
822
Carousel . defaultProps = {
821
823
showIndicators : true ,
@@ -867,6 +869,14 @@ Carousel.defaultProps = {
867
869
tabIndex : 0 ,
868
870
'aria-label' : label + ' ' + ( index + 1 )
869
871
} ) ;
872
+ } ,
873
+ renderItem : function renderItem ( item , _ref ) {
874
+ var isSelected = _ref . isSelected ;
875
+
876
+ return item ;
877
+ } ,
878
+ renderThumbs : function renderThumbs ( children ) {
879
+ return children ;
870
880
}
871
881
} ;
872
882
exports . default = Carousel ;
0 commit comments