@bothub-chat/ui/dist/utils/useCarousel.d.ts

Bothub UI Components

export interface UseCarouselProps {
    defaultIndex?: number | (() => number);
    slidesCount: number;
    enableSwipes?: boolean;
    slidesPerScreen?: number;
    align?: 'center' | 'left';
    onSlideChange?: (index: number) => void;
}
export declare const useCarousel: ({ defaultIndex, slidesCount, enableSwipes, slidesPerScreen, align, onSlideChange, }: UseCarouselProps) => {
    activeSlideIndex: number;
    isPrevAllowed: boolean;
    isNextAllowed: boolean;
    goPrev: () => number;
    goNext: () => number;
    goToSlide: (newIndex: number) => number;
    isDragging: boolean;
    isDraggingNow: boolean;
    carouselProps: {
        ref: (node: HTMLDivElement | null) => void;
        onPointerDown: ((e: React.PointerEvent) => void) | undefined;
        onPointerMove: ((e: React.PointerEvent) => void) | undefined;
        onPointerUp: ((e: React.PointerEvent) => void) | undefined;
        onPointerLeave: ((e: React.PointerEvent) => void) | undefined;
        onPointerCancel: ((e: React.PointerEvent) => void) | undefined;
    };
};