watercolor-ui/dist/src/components/HoverCard/HoverCard.vue.d.ts

A modern minimalist cross-framework component library

declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
    triggerText: {
        type: StringConstructor;
        default: string;
    };
    cardData: {
        type: ObjectConstructor;
        default: () => {
            title: string;
            description: string;
            image: null;
            imageAlt: string;
            meta: never[];
            actions: never[];
        };
    };
    variant: {
        type: StringConstructor;
        default: string;
        validator: (value: unknown) => boolean;
    };
    size: {
        type: StringConstructor;
        default: string;
        validator: (value: unknown) => boolean;
    };
    cardSize: {
        type: StringConstructor;
        default: string;
        validator: (value: unknown) => boolean;
    };
    position: {
        type: StringConstructor;
        default: string;
        validator: (value: unknown) => boolean;
    };
    delay: {
        type: NumberConstructor;
        default: number;
    };
    hideDelay: {
        type: NumberConstructor;
        default: number;
    };
    showArrow: {
        type: BooleanConstructor;
        default: boolean;
    };
    disabled: {
        type: BooleanConstructor;
        default: boolean;
    };
}>, {
    isVisible: import('vue').Ref<boolean, boolean>;
    cardRef: import('vue').Ref<null, null>;
    triggerId: import('vue').Ref<string, string>;
    cardStyle: import('vue').ComputedRef<{
        zIndex: number;
    }>;
    showCard: () => void;
    hideCard: () => void;
    onEnter: (el: any) => void;
    onLeave: (el: any) => void;
    handleAction: (action: any) => void;
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("action" | "show" | "hide")[], "action" | "show" | "hide", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
    triggerText: {
        type: StringConstructor;
        default: string;
    };
    cardData: {
        type: ObjectConstructor;
        default: () => {
            title: string;
            description: string;
            image: null;
            imageAlt: string;
            meta: never[];
            actions: never[];
        };
    };
    variant: {
        type: StringConstructor;
        default: string;
        validator: (value: unknown) => boolean;
    };
    size: {
        type: StringConstructor;
        default: string;
        validator: (value: unknown) => boolean;
    };
    cardSize: {
        type: StringConstructor;
        default: string;
        validator: (value: unknown) => boolean;
    };
    position: {
        type: StringConstructor;
        default: string;
        validator: (value: unknown) => boolean;
    };
    delay: {
        type: NumberConstructor;
        default: number;
    };
    hideDelay: {
        type: NumberConstructor;
        default: number;
    };
    showArrow: {
        type: BooleanConstructor;
        default: boolean;
    };
    disabled: {
        type: BooleanConstructor;
        default: boolean;
    };
}>> & Readonly<{
    onAction?: ((...args: any[]) => any) | undefined;
    onShow?: ((...args: any[]) => any) | undefined;
    onHide?: ((...args: any[]) => any) | undefined;
}>, {
    variant: string;
    position: string;
    size: string;
    disabled: boolean;
    triggerText: string;
    cardData: Record<string, any>;
    cardSize: string;
    delay: number;
    hideDelay: number;
    showArrow: boolean;
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
export default _default;
//# sourceMappingURL=HoverCard.vue.d.ts.map