welcome-ui/dist/types/components/Swiper/index.d.ts

Customizable design system with react, typescript, tailwindcss and ariakit.

import { SwiperProps, UseSwiperOptions } from './types';
export declare const useSwiper: (options?: UseSwiperOptions) => {
    autoplay: boolean;
    centeredSlides: boolean;
    currentPage: number;
    currentSlidesPerView: number;
    duration: number;
    firstSlideToShow: number;
    fullWidth: boolean;
    id: string;
    navigationSize: "lg" | "md" | "sm" | "xs";
    ref: import('react').MutableRefObject<HTMLUListElement>;
    setCurrentPage: import('react').Dispatch<import('react').SetStateAction<number>>;
    setShowLeftArrow: import('react').Dispatch<import('react').SetStateAction<boolean>>;
    setShowRightArrow: import('react').Dispatch<import('react').SetStateAction<boolean>>;
    shouldLoop: boolean;
    showLeftArrow: boolean;
    showRightArrow: boolean;
    slidesPerView: {
        desktop: number;
        mobile: number;
        tablet: number;
    };
    spaceBetween: number;
    withDarkUI: boolean;
    withNavigation: {
        desktop: boolean;
        mobile: boolean;
    };
    withPagination: {
        desktop: boolean;
        mobile: boolean;
    };
};
export declare const Swiper: ({ children, className, store, ...rest }: SwiperProps) => import("react/jsx-runtime").JSX.Element;