/// <reference types="react" />
import { GalleryProperties } from './gallery.properties';
import './gallery.styles.scss';
/**
 * Gallery component
 *
 * @component Gallery
 *
 * @description A component that renders a gallery of images
 *
 * @typedef {GalleryProperties} properties
 * @property {(number | string)} [width] - The width of the gallery
 * @property {(number | string)} [height] - The height of the gallery
 * @property {('cover' | 'contain' | 'fill' | 'none' | 'scale-down')} [objectFit] - Mode of how the image should be resized to fit the container
 * @property {GalleryImages[]} images - The images to be displayed
 * @property {number} limit - The number of images to show visible in preview list
 * @property {function} [onSelect] - A callback function to allow a custom behaviour when an image is selected
 * @property {(number | string)} previewWidth - Define a width for each preview image if the amount of previews do not exceed the limit.
 *
 * @returns An image with a preview list at the bottom
 */
export default function GalleryComponent(properties: GalleryProperties): JSX.Element;