export declare const SWIPER_SPACE_BETWEEN: {
    readonly DESKTOP: 20;
    readonly MOBILE: 8;
};
type SwiperSlideChangeEventDetail = {
    activeIndex?: number;
    realIndex?: number;
};
export interface SwiperEvent extends Event {
    detail: SwiperSlideChangeEventDetail | SwiperSlideChangeEventDetail[];
}
export declare const extractSlideIndex: (event: SwiperEvent) => number | undefined;
export interface SwiperInstance {
    slideTo: (index: number) => void;
    allowTouchMove?: boolean;
}
export interface SwiperContainerElement extends HTMLElement {
    swiper?: SwiperInstance;
}
export interface ConfigurableSwiperElement {
    [key: string]: any;
    initialize?: () => void;
}
export interface SwiperConfig {
    isDesktop: boolean;
    slidesPerView?: number | "auto";
    spaceBetween?: number;
    initialSlide?: number;
    loop?: boolean;
    navigation?: boolean;
    pagination?: boolean;
    keyboard?: boolean;
    mousewheel?: boolean;
    allowTouchMove?: boolean;
    centeredSlides?: boolean;
}
export declare const configureSwiperElement: (element: ConfigurableSwiperElement, config: SwiperConfig) => void;
/**
 * Get responsive Swiper styles
 */
export declare const getSwiperStyles: (isDesktop: boolean) => {
    "--swiper-navigation-color": string;
    "--swiper-navigation-size": string;
    "--swiper-pagination-color"?: undefined;
    "--swiper-pagination-bullet-inactive-color"?: undefined;
    "--swiper-pagination-bullet-size"?: undefined;
    "--swiper-pagination-bullet-horizontal-gap"?: undefined;
    "--swiper-pagination-bottom"?: undefined;
} | {
    "--swiper-pagination-color": string;
    "--swiper-pagination-bullet-inactive-color": string;
    "--swiper-pagination-bullet-size": string;
    "--swiper-pagination-bullet-horizontal-gap": string;
    "--swiper-pagination-bottom": string;
    "--swiper-navigation-color"?: undefined;
    "--swiper-navigation-size"?: undefined;
};
export {};