import type { Swiper, SwiperModule } from '../../core/core.js';
import type { CSSSelector } from '../../types/shared.js';
/**
 * Object with scrollbar parameters.
 *
 * @example
 * ```js
 * const swiper = new Swiper('.swiper', {
 *   scrollbar: {
 *     el: '.swiper-scrollbar',
 *     draggable: true,
 *   },
 * });
 * ```
 */
export interface ScrollbarOptions {
    /**
     * Boolean property to use with breakpoints to enable/disable scrollbar on certain breakpoints
     */
    enabled?: boolean;
    /**
     * String with CSS selector or HTML element of the container with scrollbar.
     *
     * @default null
     */
    el?: CSSSelector | HTMLElement | null;
    /**
     * Hide scrollbar automatically after user interaction
     *
     * @default true
     */
    hide?: boolean;
    /**
     * Set to `true` to enable make scrollbar draggable that allows you to control slider position
     *
     * @default false
     */
    draggable?: boolean;
    /**
     * Set to `true` to snap slider position to slides when you release scrollbar
     *
     * @default false
     */
    snapOnRelease?: boolean;
    /**
     * Size of scrollbar draggable element in px
     *
     * @default 'auto'
     */
    dragSize?: 'auto' | number;
    /**
     * Scrollbar element additional CSS class when it is disabled
     *
     * @default 'swiper-scrollbar-lock'
     */
    lockClass?: string;
    /**
     * Scrollbar draggable element CSS class
     *
     * @default 'swiper-scrollbar-drag'
     */
    dragClass?: string;
    /**
     * CSS class name added on swiper container and scrollbar element when scrollbar is disabled by breakpoint
     *
     * @default 'swiper-scrollbar-disabled'
     */
    scrollbarDisabledClass?: string;
    /**
     * CSS class name set to scrollbar in horizontal Swiper
     *
     * @default 'swiper-scrollbar-horizontal'
     */
    horizontalClass?: string;
    /**
     * CSS class name set to scrollbar in vertical Swiper
     *
     * @default 'swiper-scrollbar-vertical'
     */
    verticalClass?: string;
}
export interface ScrollbarMethods {
    /**
     * HTMLElement of Scrollbar container element
     */
    el: HTMLElement;
    /**
     * HTMLElement of Scrollbar draggable handler element
     */
    dragEl: HTMLElement;
    /**
     * Updates scrollbar track and handler sizes
     */
    updateSize(): void;
    /**
     * Updates scrollbar translate
     */
    setTranslate(): void;
    /**
     * Initialize scrollbar
     */
    init(): void;
    /**
     * Destroy scrollbar
     */
    destroy(): void;
}
export interface ScrollbarEvents {
    /**
     * Event will be fired on draggable scrollbar drag start
     */
    scrollbarDragStart: (swiper: Swiper, event: MouseEvent | TouchEvent | PointerEvent) => void;
    /**
     * Event will be fired on draggable scrollbar drag move
     */
    scrollbarDragMove: (swiper: Swiper, event: MouseEvent | TouchEvent | PointerEvent) => void;
    /**
     * Event will be fired on draggable scrollbar drag end
     */
    scrollbarDragEnd: (swiper: Swiper, event: MouseEvent | TouchEvent | PointerEvent) => void;
}
interface ScrollbarInternals extends ScrollbarMethods {
    enable: () => void;
    disable: () => void;
}
declare module '../../core/core.js' {
    interface Swiper {
        scrollbar: ScrollbarInternals;
    }
    interface SwiperOptions {
        /**
         * Object with scrollbar parameters or boolean `true` to enable with default settings.
         *
         * @example
         * ```js
         * const swiper = new Swiper('.swiper', {
         *   scrollbar: {
         *     el: '.swiper-scrollbar',
         *     draggable: true,
         *   },
         * });
         * ```
         */
        scrollbar?: ScrollbarOptions | boolean;
    }
    interface SwiperParams {
        scrollbar?: ScrollbarOptions;
    }
    interface SwiperEvents extends ScrollbarEvents {
    }
}
declare const Scrollbar: SwiperModule;
export default Scrollbar;