lightbox.js-react/dist/components/SlideshowLightbox/SlideshowLightbox.d.ts

React lightbox with animation and customization options

import * as React from 'react';
import { ReactNode } from 'react';

interface SlideshowLightboxProps {
    children?: ReactNode;
    ref?: any;
    thumbnailBorder?: string;
    magnifyingGlass?: boolean;
    backgroundColor?: string;
    theme?: string;
    iconColor?: any;
    fullScreen?: boolean;
    showControls?: boolean;
    disableImageZoom?: boolean;
    slideshowInterval?: number;
    slideDuration?: number;
    lightboxHeight?: string;
    lightboxWidth?: string;
    showThumbnails?: boolean;
    open?: boolean;
    displayMetadata?: boolean;
    noWindow?: boolean;
    navigationDots?: boolean;
    animateThumbnails?: boolean;
    queryElems?: any;
    controlsPlacement?: string;
    showFullScreenIcon?: boolean;
    showThumbnailIcon?: boolean;
    showSlideshowIcon?: boolean;
    showMagnificationIcons?: boolean;
    roundedImages?: boolean;
    downloadImages?: boolean;
    singleClickZoom?: boolean;
    showNavigationDots?: boolean;
    rtl?: boolean;
    modalClose?: string;
    framework?: string;
    lightboxIdentifier?: string;
    nextArrow?: any;
    prevArrow?: any;
    arrowStyle?: any;
    showLoader?: boolean;
    useCoverMode?: boolean;
    disableAnim?: any;
    rightArrowStyle?: any;
    leftArrowStyle?: any;
    imgAnimation?: string;
    maxZoomScale?: number;
    textColor?: string;
    licenseKey?: string;
    images?: any;
    render?: any;
    imageComponent?: boolean;
    imgElemClassname?: string;
    showArrows?: boolean;
    showControlsBar?: boolean;
    toggleThumbnailDisplay?: boolean;
    rightSidebarComponent?: any;
    lightboxFooterComponent?: any;
    closeIconBtnStyle?: any;
    controlComponent?: any;
    zoomInComponent?: any;
    zoomOutComponent?: any;
    closeComponent?: any;
    lightboxImgClass?: string;
    iconStyle?: any;
    zoomCursor?: boolean;
    thumbnailImgAnim?: boolean;
    thumbnailImgClass?: string;
    coverImageInLightbox?: boolean;
    captionPlacement?: string;
    onOpen?: any;
    onClose?: any;
    onNext?: any;
    onPrev?: any;
    onSelect?: any;
    onRotate?: any;
    onThumbnailClick?: any;
    onImgError?: any;
    className?: string;
    imgWrapperClassName?: string;
    fullScreenFillMode?: string;
    imgClassName?: string;
    startingSlideIndex?: number;
    rotateIcon?: boolean;
    showAllImages?: any;
    rightArrowClassname?: string;
    leftArrowClassname?: string;
    displayedImages?: any;
    metadataTimeLocale?: string;
    captionStyle?: any;
}
type IconButtonProps = {
    onClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;
    children: ReactNode;
    label?: string;
    id?: string;
    disabled?: boolean;
    className?: string;
    showOutline?: boolean;
    style?: any;
};
declare function IconButton({ onClick, children, label, id, showOutline, disabled, className, style, }: IconButtonProps): JSX.Element;
declare const SlideshowLightbox: React.FC<SlideshowLightboxProps>;

export { IconButton, SlideshowLightbox, type SlideshowLightboxProps };