import { default as React, HTMLAttributes, FunctionComponent } from 'react';
type ImageComponentType = FunctionComponent<{
url: string;
alternateName?: string;
loading?: 'eager' | 'lazy';
}>;
export interface ImageElementData {
/**
* Image URL.
*/
url: string;
/**
* Alternative text description of the image.
*/
alternateName: string;
}
export interface ImageGalleryProps extends HTMLAttributes {
/**
* ID to find this component in testing tools (e.g.: cypress,
* testing-library, and jest).
*/
testId?: string;
/**
* List of images that should be rendered.
*/
images: ImageElementData[];
/**
* Function that returns a React component that will be used to render images.
*/
ImageComponent: ImageComponentType;
/**
* The currently active thumbnail.
*/
selectedImageIdx: number;
/**
* Event handler for clicks on each thumbnail.
*/
setSelectedImageIdx: (idx: number) => void;
}
declare const ImageGallery: React.ForwardRefExoticComponent>;
export default ImageGallery;
//# sourceMappingURL=ImageGallery.d.ts.map