import * as vue_demi from 'vue-demi';
import { ShallowRef, PropType, VNode, Directive } from 'vue-demi';
import * as smooth_scrollbar_interfaces from 'smooth-scrollbar/interfaces';
import { ScrollbarOptions as ScrollbarOptions$1 } from 'smooth-scrollbar/interfaces';
import SmoothScrollbar from 'smooth-scrollbar';

type ScrollbarOptions = Partial<ScrollbarOptions$1>;
interface MountedEmitPayload {
    target: TargetRefOrShallowRef;
    scrollbar: SmoothScrollbar;
}
type MaybeRefOrShallowRef<T> = ShallowRef<T>;
type TargetRefOrShallowRef = MaybeRefOrShallowRef<HTMLElement | null>;

declare const Scrollbar: {
    new (...args: any[]): {
        $: vue_demi.ComponentInternalInstance;
        $data: {};
        $props: Partial<{
            as: string;
        }> & Omit<Readonly<vue_demi.ExtractPropTypes<{
            as: {
                type: PropType<string>;
                default: string;
                required: false;
            };
            scrollbarOptions: {
                type: PropType<Partial<smooth_scrollbar_interfaces.ScrollbarOptions>>;
                required: false;
            };
        }>> & {
            onMounted?: ((payload: MountedEmitPayload) => any) | undefined;
        } & vue_demi.VNodeProps & vue_demi.AllowedComponentProps & vue_demi.ComponentCustomProps, "as">;
        $attrs: {
            [x: string]: unknown;
        };
        $refs: {
            [x: string]: unknown;
        };
        $slots: Readonly<{
            [name: string]: vue_demi.Slot | undefined;
        }>;
        $root: vue_demi.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue_demi.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
        $parent: vue_demi.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue_demi.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
        $emit: (event: "mounted", payload: MountedEmitPayload) => void;
        $el: any;
        $options: vue_demi.ComponentOptionsBase<Readonly<vue_demi.ExtractPropTypes<{
            as: {
                type: PropType<string>;
                default: string;
                required: false;
            };
            scrollbarOptions: {
                type: PropType<Partial<smooth_scrollbar_interfaces.ScrollbarOptions>>;
                required: false;
            };
        }>> & {
            onMounted?: ((payload: MountedEmitPayload) => any) | undefined;
        }, () => VNode<vue_demi.RendererNode, vue_demi.RendererElement, {
            [key: string]: any;
        }>, unknown, {}, {}, vue_demi.ComponentOptionsMixin, vue_demi.ComponentOptionsMixin, {
            mounted: (payload: MountedEmitPayload) => true;
        }, string, {
            as: string;
        }, {}, string> & {
            beforeCreate?: ((() => void) | (() => void)[]) | undefined;
            created?: ((() => void) | (() => void)[]) | undefined;
            beforeMount?: ((() => void) | (() => void)[]) | undefined;
            mounted?: ((() => void) | (() => void)[]) | undefined;
            beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
            updated?: ((() => void) | (() => void)[]) | undefined;
            activated?: ((() => void) | (() => void)[]) | undefined;
            deactivated?: ((() => void) | (() => void)[]) | undefined;
            beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
            beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
            destroyed?: ((() => void) | (() => void)[]) | undefined;
            unmounted?: ((() => void) | (() => void)[]) | undefined;
            renderTracked?: (((e: vue_demi.DebuggerEvent) => void) | ((e: vue_demi.DebuggerEvent) => void)[]) | undefined;
            renderTriggered?: (((e: vue_demi.DebuggerEvent) => void) | ((e: vue_demi.DebuggerEvent) => void)[]) | undefined;
            errorCaptured?: (((err: unknown, instance: vue_demi.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue_demi.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: vue_demi.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue_demi.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null, info: string) => boolean | void)[]) | undefined;
        };
        $forceUpdate: () => void;
        $nextTick: typeof vue_demi.nextTick;
        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: vue_demi.WatchOptions<boolean> | undefined): vue_demi.WatchStopHandle;
    } & Readonly<vue_demi.ExtractPropTypes<{
        as: {
            type: PropType<string>;
            default: string;
            required: false;
        };
        scrollbarOptions: {
            type: PropType<Partial<smooth_scrollbar_interfaces.ScrollbarOptions>>;
            required: false;
        };
    }>> & {
        onMounted?: ((payload: MountedEmitPayload) => any) | undefined;
    } & vue_demi.ShallowUnwrapRef<() => VNode<vue_demi.RendererNode, vue_demi.RendererElement, {
        [key: string]: any;
    }>> & {} & vue_demi.ComponentCustomProperties & {};
    __isFragment?: undefined;
    __isTeleport?: undefined;
    __isSuspense?: undefined;
} & vue_demi.ComponentOptionsBase<Readonly<vue_demi.ExtractPropTypes<{
    as: {
        type: PropType<string>;
        default: string;
        required: false;
    };
    scrollbarOptions: {
        type: PropType<Partial<smooth_scrollbar_interfaces.ScrollbarOptions>>;
        required: false;
    };
}>> & {
    onMounted?: ((payload: MountedEmitPayload) => any) | undefined;
}, () => VNode<vue_demi.RendererNode, vue_demi.RendererElement, {
    [key: string]: any;
}>, unknown, {}, {}, vue_demi.ComponentOptionsMixin, vue_demi.ComponentOptionsMixin, {
    mounted: (payload: MountedEmitPayload) => true;
}, string, {
    as: string;
}, {}, string> & vue_demi.VNodeProps & vue_demi.AllowedComponentProps & vue_demi.ComponentCustomProps & (new () => {
    scrollbar: SmoothScrollbar;
    $slots: {
        default: () => VNode[];
    };
});

/**
 * Create `smooth-scrollbar` with composable and watch for `target` changes
 */
declare function useScrollbar(target: TargetRefOrShallowRef, options?: ScrollbarOptions): vue_demi.ShallowRef<SmoothScrollbar | undefined>;

/**
 * Inject `smooth-scrollbar` instance from context
 */
declare function useScrollbarInject(): ShallowRef<SmoothScrollbar>;

/**
 * Vue directive for `smooth-scrollbar`
 */
declare const vScrollbar: Directive<HTMLElement, ScrollbarOptions | undefined>;

export { MountedEmitPayload, Scrollbar, ScrollbarOptions, useScrollbar, useScrollbarInject, vScrollbar };