import { ScrollbarProps, ScrollState, DragState } from './src/types';
import { WithInstall } from '../utils';
import { CreateComponentPublicInstanceWithMixins, ExtractPropTypes, PropType, ShallowReactive, ShallowRef, ComponentOptionsMixin, PublicProps, GlobalComponents, GlobalDirectives, ComponentProvideOptions, ComponentOptionsBase, VNodeProps, AllowedComponentProps, ComponentCustomProps } from 'vue';

declare const HlxbScrollbar: WithInstall<{
    new (...args: any[]): CreateComponentPublicInstanceWithMixins<Readonly< ExtractPropTypes<{
        tag: {
            type: PropType<string>;
            default: string;
        };
        height: {
            type: PropType<string | number>;
            default: string;
        };
        always: {
            type: PropType<boolean>;
            default: boolean;
        };
        thumbWidth: {
            type: PropType<string | number>;
        };
        maxHeight: {
            type: PropType<string | number>;
        };
        wrapStyle: {
            type: PropType<string | Record<string, string>>;
        };
        wrapClass: {
            type: PropType<string>;
        };
        viewStyle: {
            type: PropType<string | Record<string, string>>;
        };
        viewClass: {
            type: PropType<string>;
        };
        noresize: {
            type: PropType<boolean>;
        };
        minSize: {
            type: PropType<number>;
            default: number;
        };
        distance: {
            type: PropType<number>;
            default: number;
        };
        topOffset: {
            type: PropType<number>;
            default: number;
        };
        thumbHoverWidth: {
            type: PropType<string | number>;
        };
        memoryPosition: {
            type: PropType<boolean>;
            default: boolean;
        };
        stopScrollBubble: {
            type: PropType<boolean>;
            default: boolean;
        };
        showHorizontal: {
            type: PropType<boolean>;
            default: boolean;
        };
        showVertical: {
            type: PropType<boolean>;
            default: boolean;
        };
    }>> & Readonly<{
        onScroll?: ((scrollInfo: {
            scrollTop: number;
            scrollLeft: number;
        }) => any) | undefined;
        "onEnd-reached"?: ((direction: "horizontal" | "vertical") => any) | undefined;
    }>, {
        scrollTo: (optionsOrX: number | ScrollToOptions, y?: number | undefined) => void;
        setScrollTop: (value: number) => number | undefined;
        setScrollLeft: (value: number) => number | undefined;
        getScrollWrap: () => HTMLElement | null;
        scrollBottom: () => void;
        scrollState: ShallowReactive<ScrollState>;
        dragState: ShallowRef< DragState | null, DragState | null>;
    }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
        scroll: (scrollInfo: {
            scrollTop: number;
            scrollLeft: number;
        }) => void;
        "end-reached": (direction: "horizontal" | "vertical") => void;
    }, PublicProps, {
        tag: string;
        height: string | number;
        always: boolean;
        minSize: number;
        distance: number;
        topOffset: number;
        memoryPosition: boolean;
        stopScrollBubble: boolean;
        showHorizontal: boolean;
        showVertical: boolean;
    }, true, {}, {}, GlobalComponents, GlobalDirectives, string, {}, any, ComponentProvideOptions, {
        P: {};
        B: {};
        D: {};
        C: {};
        M: {};
        Defaults: {};
    }, Readonly< ExtractPropTypes<{
        tag: {
            type: PropType<string>;
            default: string;
        };
        height: {
            type: PropType<string | number>;
            default: string;
        };
        always: {
            type: PropType<boolean>;
            default: boolean;
        };
        thumbWidth: {
            type: PropType<string | number>;
        };
        maxHeight: {
            type: PropType<string | number>;
        };
        wrapStyle: {
            type: PropType<string | Record<string, string>>;
        };
        wrapClass: {
            type: PropType<string>;
        };
        viewStyle: {
            type: PropType<string | Record<string, string>>;
        };
        viewClass: {
            type: PropType<string>;
        };
        noresize: {
            type: PropType<boolean>;
        };
        minSize: {
            type: PropType<number>;
            default: number;
        };
        distance: {
            type: PropType<number>;
            default: number;
        };
        topOffset: {
            type: PropType<number>;
            default: number;
        };
        thumbHoverWidth: {
            type: PropType<string | number>;
        };
        memoryPosition: {
            type: PropType<boolean>;
            default: boolean;
        };
        stopScrollBubble: {
            type: PropType<boolean>;
            default: boolean;
        };
        showHorizontal: {
            type: PropType<boolean>;
            default: boolean;
        };
        showVertical: {
            type: PropType<boolean>;
            default: boolean;
        };
    }>> & Readonly<{
        onScroll?: ((scrollInfo: {
            scrollTop: number;
            scrollLeft: number;
        }) => any) | undefined;
        "onEnd-reached"?: ((direction: "horizontal" | "vertical") => any) | undefined;
    }>, {
        scrollTo: (optionsOrX: number | ScrollToOptions, y?: number | undefined) => void;
        setScrollTop: (value: number) => number | undefined;
        setScrollLeft: (value: number) => number | undefined;
        getScrollWrap: () => HTMLElement | null;
        scrollBottom: () => void;
        scrollState: ShallowReactive<ScrollState>;
        dragState: ShallowRef< DragState | null, DragState | null>;
    }, {}, {}, {}, {
        tag: string;
        height: string | number;
        always: boolean;
        minSize: number;
        distance: number;
        topOffset: number;
        memoryPosition: boolean;
        stopScrollBubble: boolean;
        showHorizontal: boolean;
        showVertical: boolean;
    }>;
    __isFragment?: undefined;
    __isTeleport?: undefined;
    __isSuspense?: undefined;
} & ComponentOptionsBase<Readonly< ExtractPropTypes<{
    tag: {
        type: PropType<string>;
        default: string;
    };
    height: {
        type: PropType<string | number>;
        default: string;
    };
    always: {
        type: PropType<boolean>;
        default: boolean;
    };
    thumbWidth: {
        type: PropType<string | number>;
    };
    maxHeight: {
        type: PropType<string | number>;
    };
    wrapStyle: {
        type: PropType<string | Record<string, string>>;
    };
    wrapClass: {
        type: PropType<string>;
    };
    viewStyle: {
        type: PropType<string | Record<string, string>>;
    };
    viewClass: {
        type: PropType<string>;
    };
    noresize: {
        type: PropType<boolean>;
    };
    minSize: {
        type: PropType<number>;
        default: number;
    };
    distance: {
        type: PropType<number>;
        default: number;
    };
    topOffset: {
        type: PropType<number>;
        default: number;
    };
    thumbHoverWidth: {
        type: PropType<string | number>;
    };
    memoryPosition: {
        type: PropType<boolean>;
        default: boolean;
    };
    stopScrollBubble: {
        type: PropType<boolean>;
        default: boolean;
    };
    showHorizontal: {
        type: PropType<boolean>;
        default: boolean;
    };
    showVertical: {
        type: PropType<boolean>;
        default: boolean;
    };
}>> & Readonly<{
    onScroll?: ((scrollInfo: {
        scrollTop: number;
        scrollLeft: number;
    }) => any) | undefined;
    "onEnd-reached"?: ((direction: "horizontal" | "vertical") => any) | undefined;
}>, {
    scrollTo: (optionsOrX: number | ScrollToOptions, y?: number | undefined) => void;
    setScrollTop: (value: number) => number | undefined;
    setScrollLeft: (value: number) => number | undefined;
    getScrollWrap: () => HTMLElement | null;
    scrollBottom: () => void;
    scrollState: ShallowReactive<ScrollState>;
    dragState: ShallowRef< DragState | null, DragState | null>;
}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
    scroll: (scrollInfo: {
        scrollTop: number;
        scrollLeft: number;
    }) => void;
    "end-reached": (direction: "horizontal" | "vertical") => void;
}, string, {
    tag: string;
    height: string | number;
    always: boolean;
    minSize: number;
    distance: number;
    topOffset: number;
    memoryPosition: boolean;
    stopScrollBubble: boolean;
    showHorizontal: boolean;
    showVertical: boolean;
}, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & VNodeProps & AllowedComponentProps & ComponentCustomProps & (new () => {
    $slots: {
        default?(_: {}): any;
    };
}), ScrollbarProps>;
export * from './src/types';
export { useScrollbar } from './src/useScrollbar';
export default HlxbScrollbar;