import React, { ReactNode } from 'react';
import { CarouselType } from '../useCarousel/component';
declare type ZoomProps = {
    children?: ReactNode;
    isSelected: boolean;
    isLast?: boolean;
    activeDot: number;
    setIsZoomed: React.Dispatch<React.SetStateAction<boolean>>;
    onSlideClick: (clickedSlideIndex: number) => void;
    isZoomed: boolean;
    setIsDesktopZoomed: React.Dispatch<React.SetStateAction<boolean>>;
    isDesktopZoomed: boolean;
    imageRefs: React.MutableRefObject<HTMLDivElement[]>;
};
declare const useZoom: ({ carousel }: {
    carousel?: CarouselType | undefined;
}) => {
    isZoomed: boolean;
    isDesktopZoomed: boolean;
    containerRef: React.RefObject<HTMLDivElement>;
    imageRefs: React.MutableRefObject<HTMLDivElement[]>;
    imageWrapperProps: {
        setIsZoomed: React.Dispatch<React.SetStateAction<boolean>>;
        onSlideClick: (clickedSlideIndex: number) => void;
        isZoomed: boolean;
        setIsDesktopZoomed: React.Dispatch<React.SetStateAction<boolean>>;
        isDesktopZoomed: boolean;
        imageRefs: React.MutableRefObject<HTMLDivElement[]>;
    };
};
export declare const ZoomImageWrapper: (props: ZoomProps) => JSX.Element;
export { useZoom };
