react-responsive-carousel

constructor(props: CarouselProps);

autoPlay: () => void;

changeItem: (
    newIndex: number
) => (e: React.MouseEvent | React.KeyboardEvent) => void;

clearAutoPlay: () => void;

decrement: (positions?: number) => void;

static defaultProps: CarouselProps;

static displayName: string;

getInitialImage: () => HTMLImageElement;

getVariableItemHeight: (position: number) => number | null;

handleClickItem: (index: number, item: React.ReactNode) => void;

handleClickThumb: (index: number, item: React.ReactNode) => void;

handleOnChange: (index: number, item: React.ReactNode) => void;

increment: (positions?: number) => void;

isFocusWithinTheCarousel: () => boolean;

moveTo: (position?: number | undefined) => void;

navigateWithKeyboard: (e: KeyboardEvent) => void;

onClickNext: () => void;

onClickPrev: () => void;

onSwipeBackwards: () => void;

onSwipeEnd: (event: React.TouchEvent) => void;

onSwipeForward: () => void;

onSwipeMove: (
    delta: { x: number; y: number },
    event: React.TouchEvent
) => boolean;

onSwipeStart: (event: React.TouchEvent) => void;

resetAutoPlay: () => void;

selectItem: (state: Pick<CarouselState, 'selectedItem' | 'swiping'>) => void;

setCarouselWrapperRef: (node: HTMLDivElement) => void;

setItemsRef: (node: HTMLElement, index: number) => void;

setListRef: (node: HTMLElement | HTMLUListElement) => void;

setMountState: () => void;

setThumbsRef: (node: Thumbs) => void;

startOnLeave: () => void;

stopOnHover: () => void;

updateSizes: () => void;

bindEvents: () => void;

componentDidMount: () => void;

componentDidUpdate: (prevProps: CarouselProps, prevState: CarouselState) => void;

componentWillUnmount: () => void;

destroyAutoPlay: () => void;

destroyCarousel: () => void;

forceFocus: () => void;

render: () => JSX.Element | null;

renderControls: () => JSX.Element | null;

renderItems: (isClone?: boolean) => JSX.Element[];

renderStatus: () => JSX.Element | null;

renderThumbs: () => JSX.Element | null;

setupAutoPlay: () => void;

setupCarousel: () => void;

unbindEvents: () => void;

constructor(props: Props);

static defaultProps: {
    axis: string;
    labels: { leftArrow: string; rightArrow: string; item: string };
    selectedItem: number;
    thumbWidth: number;
    transitionTime: number;
};

static displayName: string;

handleClickItem: (
    index: number,
    item: React.ReactNode,
    e: React.MouseEvent | React.KeyboardEvent
) => void;

moveTo: (position: number) => void;

onSwipeEnd: () => void;

onSwipeMove: (delta: { x: number; y: number }) => boolean;

onSwipeStart: () => void;

setItemsListRef: (node: HTMLUListElement) => void;

setItemsWrapperRef: (node: HTMLDivElement) => void;

setThumbsRef: (node: HTMLLIElement, index: number) => void;

slideLeft: (positions?: number | undefined) => void;

slideRight: (positions?: number | undefined) => void;

updateSizes: () => void;

componentDidMount: () => void;

componentDidUpdate: (prevProps: Props) => void;

componentWillUnmount: () => void;

destroyThumbs: () => void;

getFirstItem: (selectedItem: number) => number;

render: () => JSX.Element | null;

renderItems: () => JSX.Element[];

setupThumbs: () => void;

animationHandler: 'slide' | 'fade' | AnimationHandler;

ariaLabel?: string | undefined;

autoFocus?: boolean;

autoPlay?: boolean;

axis: 'horizontal' | 'vertical';

centerMode?: boolean;

centerSlidePercentage: number;

children?: React.ReactChild[];

className?: string;

dynamicHeight?: boolean;

emulateTouch?: boolean;

infiniteLoop?: boolean;

interval: number;

labels: {
    leftArrow: string;
    rightArrow: string;
    item: string;
};

onChange: (index: number, item: React.ReactNode) => void;

onClickItem: (index: number, item: React.ReactNode) => void;

onClickThumb: (index: number, item: React.ReactNode) => void;

onSwipeEnd: (event: React.TouchEvent) => void;

onSwipeMove: (event: React.TouchEvent) => boolean;

onSwipeStart: (event: React.TouchEvent) => void;

preventMovementUntilSwipeScrollTolerance: boolean;

renderArrowNext: (
    clickHandler: () => void,
    hasNext: boolean,
    label: string
) => React.ReactNode;

renderArrowPrev: (
    clickHandler: () => void,
    hasPrev: boolean,
    label: string
) => React.ReactNode;

renderIndicator: (
    clickHandler: (e: React.MouseEvent | React.KeyboardEvent) => void,
    isSelected: boolean,
    index: number,
    label: string
) => React.ReactNode;

renderItem: (
    item: React.ReactNode,
    options?: {
        isSelected: boolean;
        isPrevious: boolean;
    }
) => React.ReactNode;

renderThumbs: (children: React.ReactChild[]) => React.ReactChild[];

selectedItem: number;

showArrows: boolean;

showIndicators: boolean;

showStatus: boolean;

showThumbs: boolean;

statusFormatter: (currentItem: number, total: number) => string;

stopOnHover: boolean;

stopSwipingHandler: StopSwipingHandler;

swipeable: boolean;

swipeAnimationHandler: SwipeAnimationHandler;

swipeScrollTolerance: number;

thumbWidth?: number;

transitionTime: number;

useKeyboardArrows?: boolean;

verticalSwipe: 'natural' | 'standard';

width: number | string;