import { PropType } from 'vue';
import { TJoyButtonSizes } from '../JoyButton/JoyButton.types';
import { TJoyDrawerSizes } from './JoyDrawer.types';
declare function hide(options?: {
    fireHideEvent?: boolean;
}): Promise<void>;
/**
 * @returns {Promise<void>} -
 */
declare function show(): Promise<void>;
declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
    id: {
        type: StringConstructor;
    };
    size: {
        type: PropType<TJoyDrawerSizes>;
        default: string;
    };
    /** By default the drawer is teleported to the end of body tag */
    teleport: {
        type: PropType<string | import("vue").RendererElement | null | undefined>;
        default: string;
    };
    open: {
        type: BooleanConstructor;
        default: boolean;
    };
    /** Removes the overlay and allows interacting with background content.*/
    elevated: {
        type: BooleanConstructor;
        default: boolean;
    };
    /**
     * Mostly for documentation purpose
     */
    preventBodyScroll: {
        type: BooleanConstructor;
        default: boolean;
    };
    disableTeleport: {
        type: BooleanConstructor;
        default: boolean;
    };
    /** Mostly for documentation purpose, it prevents the component from being hidden */
    demoMode: {
        type: BooleanConstructor;
        default: boolean;
    };
    /** **For accessibility purpose**. Label associated with the top right corner icon.  */
    closeLabel: {
        type: StringConstructor;
        default: string;
    };
    /** Use this property to directly create a cancel CTA (VJoyButton), if you don't need to customize the CTA. */
    cancelText: {
        type: StringConstructor;
    };
    /** Use this property to directly create a confirm CTA (VJoyButton), if you don't need to customize the CTA. */
    confirmText: {
        type: StringConstructor;
    };
    buttonSize: {
        type: PropType<TJoyButtonSizes>;
        default: string;
    };
    /** Called just before you close the drawer. Returning false will cancel the closing.
     * This is useful when you need confirmation from the user to close the drawer. */
    onBeforeHide: {
        type: PropType<() => boolean | Promise<boolean>>;
    };
}>, {
    hasFooterSlots: import("vue").ComputedRef<boolean>;
    hide: typeof hide;
    isOpen: import("vue").Ref<boolean, boolean>;
    show: typeof show;
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
    "drawer:open": () => any;
    "drawer:after-open": () => any;
    "drawer:hide": () => any;
    "drawer:after-hide": () => any;
    "drawer:before-unmount": () => any;
    "drawer:confirm": () => any;
}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
    id: {
        type: StringConstructor;
    };
    size: {
        type: PropType<TJoyDrawerSizes>;
        default: string;
    };
    /** By default the drawer is teleported to the end of body tag */
    teleport: {
        type: PropType<string | import("vue").RendererElement | null | undefined>;
        default: string;
    };
    open: {
        type: BooleanConstructor;
        default: boolean;
    };
    /** Removes the overlay and allows interacting with background content.*/
    elevated: {
        type: BooleanConstructor;
        default: boolean;
    };
    /**
     * Mostly for documentation purpose
     */
    preventBodyScroll: {
        type: BooleanConstructor;
        default: boolean;
    };
    disableTeleport: {
        type: BooleanConstructor;
        default: boolean;
    };
    /** Mostly for documentation purpose, it prevents the component from being hidden */
    demoMode: {
        type: BooleanConstructor;
        default: boolean;
    };
    /** **For accessibility purpose**. Label associated with the top right corner icon.  */
    closeLabel: {
        type: StringConstructor;
        default: string;
    };
    /** Use this property to directly create a cancel CTA (VJoyButton), if you don't need to customize the CTA. */
    cancelText: {
        type: StringConstructor;
    };
    /** Use this property to directly create a confirm CTA (VJoyButton), if you don't need to customize the CTA. */
    confirmText: {
        type: StringConstructor;
    };
    buttonSize: {
        type: PropType<TJoyButtonSizes>;
        default: string;
    };
    /** Called just before you close the drawer. Returning false will cancel the closing.
     * This is useful when you need confirmation from the user to close the drawer. */
    onBeforeHide: {
        type: PropType<() => boolean | Promise<boolean>>;
    };
}>> & Readonly<{
    "onDrawer:open"?: (() => any) | undefined;
    "onDrawer:after-open"?: (() => any) | undefined;
    "onDrawer:hide"?: (() => any) | undefined;
    "onDrawer:after-hide"?: (() => any) | undefined;
    "onDrawer:before-unmount"?: (() => any) | undefined;
    "onDrawer:confirm"?: (() => any) | undefined;
}>, {
    size: TJoyDrawerSizes;
    closeLabel: string;
    open: boolean;
    preventBodyScroll: boolean;
    teleport: string | import("vue").RendererElement | null | undefined;
    disableTeleport: boolean;
    demoMode: boolean;
    buttonSize: TJoyButtonSizes;
    elevated: boolean;
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, Readonly<{
    /** Made for short informations */
    'drawer-preheader': () => any;
    /** Header to inject your title */
    'drawer-header': () => any;
    /** Subheader to inject additionnal informtion */
    'drawer-subheader': () => any;
    /** Body content to inject whatever you need */
    'drawer-body': () => any;
    /** Used to render the cancel CTA */
    'drawer-cancel': () => any;
    /** Used to render the confirm CTA */
    'drawer-confirm': () => any;
}> & {
    /** Made for short informations */
    'drawer-preheader': () => any;
    /** Header to inject your title */
    'drawer-header': () => any;
    /** Subheader to inject additionnal informtion */
    'drawer-subheader': () => any;
    /** Body content to inject whatever you need */
    'drawer-body': () => any;
    /** Used to render the cancel CTA */
    'drawer-cancel': () => any;
    /** Used to render the confirm CTA */
    'drawer-confirm': () => any;
}>;
export default _default;
type __VLS_WithTemplateSlots<T, S> = T & {
    new (): {
        $slots: S;
    };
};