import React, { CSSProperties, MutableRefObject } from 'react';
import type { Attachment } from 'belo-js-sdk';
import type { DefaultBeloChatGenerics } from '../../types/types';
export type GalleryProps<BeloChatGenerics extends DefaultBeloChatGenerics = DefaultBeloChatGenerics> = {
    images: (({
        image_url?: string | undefined;
        thumb_url?: string | undefined;
    } | Attachment<BeloChatGenerics>) & {
        previewUrl?: string;
        style?: CSSProperties;
    })[];
    innerRefs?: MutableRefObject<(HTMLElement | null)[]>;
};
/**
 * Displays images in a simple responsive grid with a light box to view the images.
 */
export declare const Gallery: <BeloChatGenerics extends DefaultBeloChatGenerics = DefaultBeloChatGenerics>(props: GalleryProps<BeloChatGenerics>) => React.JSX.Element;
//# sourceMappingURL=Gallery.d.ts.map