import type { PropType, Ref, ComputedRef } from 'vue-demi';
import { type ImagePreviewType } from './Image';
import type { PreviewProps } from './Preview';
export interface PreviewGroupPreview extends Omit<ImagePreviewType, 'icons' | 'mask' | 'maskClassName'> {
    /**
     * If Preview the show img index
     * @default 0
     */
    current?: number;
}
export interface GroupConsumerProps {
    previewPrefixCls?: string;
    icons?: PreviewProps['icons'];
    preview?: boolean | PreviewGroupPreview;
}
export interface GroupConsumerValue extends GroupConsumerProps {
    isPreviewGroup?: Ref<boolean | undefined>;
    previewUrls: ComputedRef<Map<number, string>>;
    setPreviewUrls: (id: number, url: string, canPreview?: boolean) => void;
    current: Ref<number>;
    setCurrent: (current: number) => void;
    setShowPreview: (isShowPreview: boolean) => void;
    setMousePosition: (mousePosition: null | {
        x: number;
        y: number;
    }) => void;
    registerImage: (id: number, url: string, canPreview?: boolean) => () => void;
    rootClassName?: string;
}
export declare const context: {
    provide: (val: GroupConsumerValue) => void;
    inject: () => GroupConsumerValue;
};
export declare const imageGroupProps: () => {
    previewPrefixCls: StringConstructor;
    preview: {
        type: PropType<boolean | ImagePreviewType>;
        default: boolean | ImagePreviewType;
    };
    icons: {
        type: PropType<{
            rotateLeft?: import("vue-demi").VNode<import("vue-demi").RendererNode, import("vue-demi").RendererElement, {
                [key: string]: any;
            }>;
            rotateRight?: import("vue-demi").VNode<import("vue-demi").RendererNode, import("vue-demi").RendererElement, {
                [key: string]: any;
            }>;
            zoomIn?: import("vue-demi").VNode<import("vue-demi").RendererNode, import("vue-demi").RendererElement, {
                [key: string]: any;
            }>;
            zoomOut?: import("vue-demi").VNode<import("vue-demi").RendererNode, import("vue-demi").RendererElement, {
                [key: string]: any;
            }>;
            close?: import("vue-demi").VNode<import("vue-demi").RendererNode, import("vue-demi").RendererElement, {
                [key: string]: any;
            }>;
            left?: import("vue-demi").VNode<import("vue-demi").RendererNode, import("vue-demi").RendererElement, {
                [key: string]: any;
            }>;
            right?: import("vue-demi").VNode<import("vue-demi").RendererNode, import("vue-demi").RendererElement, {
                [key: string]: any;
            }>;
            flipX?: import("vue-demi").VNode<import("vue-demi").RendererNode, import("vue-demi").RendererElement, {
                [key: string]: any;
            }>;
            flipY?: import("vue-demi").VNode<import("vue-demi").RendererNode, import("vue-demi").RendererElement, {
                [key: string]: any;
            }>;
        }>;
        default: () => {};
    };
};
declare const Group: import("vue-demi").DefineComponent<{
    previewPrefixCls: StringConstructor;
    preview: {
        type: PropType<boolean | ImagePreviewType>;
        default: boolean | ImagePreviewType;
    };
    icons: {
        type: PropType<{
            rotateLeft?: import("vue-demi").VNode<import("vue-demi").RendererNode, import("vue-demi").RendererElement, {
                [key: string]: any;
            }>;
            rotateRight?: import("vue-demi").VNode<import("vue-demi").RendererNode, import("vue-demi").RendererElement, {
                [key: string]: any;
            }>;
            zoomIn?: import("vue-demi").VNode<import("vue-demi").RendererNode, import("vue-demi").RendererElement, {
                [key: string]: any;
            }>;
            zoomOut?: import("vue-demi").VNode<import("vue-demi").RendererNode, import("vue-demi").RendererElement, {
                [key: string]: any;
            }>;
            close?: import("vue-demi").VNode<import("vue-demi").RendererNode, import("vue-demi").RendererElement, {
                [key: string]: any;
            }>;
            left?: import("vue-demi").VNode<import("vue-demi").RendererNode, import("vue-demi").RendererElement, {
                [key: string]: any;
            }>;
            right?: import("vue-demi").VNode<import("vue-demi").RendererNode, import("vue-demi").RendererElement, {
                [key: string]: any;
            }>;
            flipX?: import("vue-demi").VNode<import("vue-demi").RendererNode, import("vue-demi").RendererElement, {
                [key: string]: any;
            }>;
            flipY?: import("vue-demi").VNode<import("vue-demi").RendererNode, import("vue-demi").RendererElement, {
                [key: string]: any;
            }>;
        }>;
        default: () => {};
    };
}, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, {}, string, import("vue-demi").PublicProps, Readonly<import("vue-demi").ExtractPropTypes<{
    previewPrefixCls: StringConstructor;
    preview: {
        type: PropType<boolean | ImagePreviewType>;
        default: boolean | ImagePreviewType;
    };
    icons: {
        type: PropType<{
            rotateLeft?: import("vue-demi").VNode<import("vue-demi").RendererNode, import("vue-demi").RendererElement, {
                [key: string]: any;
            }>;
            rotateRight?: import("vue-demi").VNode<import("vue-demi").RendererNode, import("vue-demi").RendererElement, {
                [key: string]: any;
            }>;
            zoomIn?: import("vue-demi").VNode<import("vue-demi").RendererNode, import("vue-demi").RendererElement, {
                [key: string]: any;
            }>;
            zoomOut?: import("vue-demi").VNode<import("vue-demi").RendererNode, import("vue-demi").RendererElement, {
                [key: string]: any;
            }>;
            close?: import("vue-demi").VNode<import("vue-demi").RendererNode, import("vue-demi").RendererElement, {
                [key: string]: any;
            }>;
            left?: import("vue-demi").VNode<import("vue-demi").RendererNode, import("vue-demi").RendererElement, {
                [key: string]: any;
            }>;
            right?: import("vue-demi").VNode<import("vue-demi").RendererNode, import("vue-demi").RendererElement, {
                [key: string]: any;
            }>;
            flipX?: import("vue-demi").VNode<import("vue-demi").RendererNode, import("vue-demi").RendererElement, {
                [key: string]: any;
            }>;
            flipY?: import("vue-demi").VNode<import("vue-demi").RendererNode, import("vue-demi").RendererElement, {
                [key: string]: any;
            }>;
        }>;
        default: () => {};
    };
}>>, {
    preview: boolean | ImagePreviewType;
    icons: {};
}, {}>;
export default Group;
