import { PropType } from 'vue';
import { TJoyButtonSizes } from '../JoyButton/JoyButton.types';
import { TJoyDialogSizes } from './JoyDialog.types';
declare function hide(options?: {
    fireHideEvent?: boolean;
}): Promise<void>;
declare function show(): Promise<void>;
declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
    id: {
        type: StringConstructor;
    };
    size: {
        type: PropType<TJoyDialogSizes>;
        default: string;
    };
    /** By default the dialog is teleported to the end of body tag */
    teleport: {
        type: PropType<string | import("vue").RendererElement | null | undefined>;
        default: string;
    };
    open: {
        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;
    };
    /** Display the dialog without the top right icon to close it.
     * Click on backdrop is disabled and pressing Escape does not trigger anything.
     */
    patternConfirm: {
        type: BooleanConstructor;
        default: boolean;
    };
    /**
     * EXPERIMENTAL: activates a new centered layout and display decorative colored shapes. Shapes can't be disabled.
     */
    patternBrand: {
        type: BooleanConstructor;
        default: boolean;
    };
    /** 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;
    };
    /** Link to inject an image on top of the dialog */
    bannerSrc: {
        type: StringConstructor;
    };
    /** Based on CSS propetty background-position. https://developer.mozilla.org/en-US/docs/Web/CSS/background-position */
    bannerPosition: {
        type: StringConstructor;
    };
    bannerHeight: {
        type: NumberConstructor;
        default: number;
    };
}>, {
    hasFooterSlots: import("vue").ComputedRef<boolean>;
    hide: typeof hide;
    isOpen: import("vue").Ref<boolean, boolean>;
    show: typeof show;
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
    "dialog:open": () => any;
    "dialog:after-open": () => any;
    "dialog:hide": () => any;
    "dialog:after-hide": () => any;
    "dialog:before-unmount": () => any;
    "dialog:confirm": () => any;
}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
    id: {
        type: StringConstructor;
    };
    size: {
        type: PropType<TJoyDialogSizes>;
        default: string;
    };
    /** By default the dialog is teleported to the end of body tag */
    teleport: {
        type: PropType<string | import("vue").RendererElement | null | undefined>;
        default: string;
    };
    open: {
        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;
    };
    /** Display the dialog without the top right icon to close it.
     * Click on backdrop is disabled and pressing Escape does not trigger anything.
     */
    patternConfirm: {
        type: BooleanConstructor;
        default: boolean;
    };
    /**
     * EXPERIMENTAL: activates a new centered layout and display decorative colored shapes. Shapes can't be disabled.
     */
    patternBrand: {
        type: BooleanConstructor;
        default: boolean;
    };
    /** 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;
    };
    /** Link to inject an image on top of the dialog */
    bannerSrc: {
        type: StringConstructor;
    };
    /** Based on CSS propetty background-position. https://developer.mozilla.org/en-US/docs/Web/CSS/background-position */
    bannerPosition: {
        type: StringConstructor;
    };
    bannerHeight: {
        type: NumberConstructor;
        default: number;
    };
}>> & Readonly<{
    "onDialog:open"?: (() => any) | undefined;
    "onDialog:after-open"?: (() => any) | undefined;
    "onDialog:hide"?: (() => any) | undefined;
    "onDialog:after-hide"?: (() => any) | undefined;
    "onDialog:before-unmount"?: (() => any) | undefined;
    "onDialog:confirm"?: (() => any) | undefined;
}>, {
    size: TJoyDialogSizes;
    closeLabel: string;
    open: boolean;
    preventBodyScroll: boolean;
    teleport: string | import("vue").RendererElement | null | undefined;
    disableTeleport: boolean;
    demoMode: boolean;
    patternConfirm: boolean;
    patternBrand: boolean;
    buttonSize: TJoyButtonSizes;
    bannerHeight: number;
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, Readonly<{
    /** Made for short informations */
    'dialog-preheader': () => any;
    /** Header to inject your title */
    'dialog-header': () => any;
    /** Subheader to inject additionnal informtion */
    'dialog-subheader': () => any;
    /** Body content to inject whatever you need */
    'dialog-body': () => any;
    /** Used to render the cancel CTA */
    'dialog-cancel': () => any;
    /** Used to render the confirm CTA */
    'dialog-confirm': () => any;
    /** When navigating with multiple dialogs */
    'dialog-indicators': () => any;
}> & {
    /** Made for short informations */
    'dialog-preheader': () => any;
    /** Header to inject your title */
    'dialog-header': () => any;
    /** Subheader to inject additionnal informtion */
    'dialog-subheader': () => any;
    /** Body content to inject whatever you need */
    'dialog-body': () => any;
    /** Used to render the cancel CTA */
    'dialog-cancel': () => any;
    /** Used to render the confirm CTA */
    'dialog-confirm': () => any;
    /** When navigating with multiple dialogs */
    'dialog-indicators': () => any;
}>;
export default _default;
type __VLS_WithTemplateSlots<T, S> = T & {
    new (): {
        $slots: S;
    };
};