import { ProductImage } from '@jetshop/core/types';
import * as React from 'react';
import 'react-image-gallery/styles/css/image-gallery.css';
export interface GalleryProps {
    images: ProductImage[];
    /** @default null
     * The aspect ratio used for the gallery images. If unknown, pass `null` */
    aspect?: string;
    /**
     * @default [1, 1, 1, 1 / 2, 1 / 2]
     * An array of sizes to be used for the img
     * srcSet. Each size maps to a breakpoint */
    sizes?: number[];
    /**
     * @default ['5rem']
     */
    thumbnailSizes?: number[];
    /**
     * @default [1, 1, 1, 1 ]
     */
    fullScreenSizes?: number[];
    /** @default bottom
     * The position of image thumbnails */
    thumbnailPosition?: 'top' | 'right' | 'bottom' | 'left';
    /** The desired background colour for the gallery */
    backgroundColor?: string;
    /** A ref to forward on to the image gallery in order to access imperative functions */
    galleryRef?: {
        current: any;
    };
    quality?: number;
    thumbnailQuality?: number;
    eagerlyLoad?: number[];
}
export interface GalleryState {
    isFullscreen: boolean;
}
declare const Gallery: React.FC<GalleryProps>;
export default Gallery;