import classNames from 'classnames' ; export default { ROOT : ( customClassName ? ) => classNames ( { 'Yep-carousel-root' : true , customClassName , } ) , CAROUSEL : ( isSlider ) => classNames ( { 'Yep-carousel' : true , 'Yep-carousel-slider' : isSlider , } ) , WRAPPER : ( isSlider , vertical ) => classNames ( { 'thumbs-wrapper' : ! isSlider , 'Yep-slider-wrapper' : isSlider , 'axis-horizontal' : ! vertical , 'axis-vertical' : vertical , } ) , SLIDER : ( isSlider , isSwiping ) => classNames ( { thumbs : ! isSlider , 'Yep-slider' : isSlider , animated : ! isSwiping , } ) , ITEM : ( isSlider , selected ) => classNames ( { thumb : ! isSlider , 'Yep-slide' : isSlider , selected : selected , } ) , DOT : ( selected ) => classNames ( { 'Yep-dot' : true , selected : selected , } ) , } ;