| 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576 |
- import React from 'react';
- interface GooglePhotoProps {
- /**
- * Control if GooglePhoto is open or not.
- */
- open: boolean;
- /**
- * An array containing valid images
- */
- src: {
- /**
- * Url of the media.
- */
- src: string;
- /**
- * Height of the media.
- */
- height: number;
- /**
- * Width of the media.
- */
- width: number;
- /**
- * Alt of the media.
- */
- alt?: string;
- }[];
- /**
- * Index of source to display.
- */
- srcIndex?: number;
- /**
- * Should open on fullscreen mode.
- * Default to false.
- */
- fullscreen?: boolean;
- /**
- * Enable left and right arrow navigation.
- * Default to true.
- */
- keyboardNavigation?: boolean;
- /**
- * Should close when user press esc key.
- * Default to true.
- */
- closeOnEsc?: boolean;
- /**
- * Timeout before hidding the actions buttons when mouse do not move (milliseconds).
- * Default to 5000.
- */
- mouseIdleTimeout?: number;
- /**
- * Animation duration in milliseconds.
- * Default to 250.
- */
- animationDuration?: number;
- /**
- * An object containing classNames to style the lightbox.
- */
- classNames?: {
- overlay?: string;
- image?: string;
- animationIn?: string;
- animationOut?: string;
- };
- /**
- * Function called when GooglePhoto is requested to be closed.
- */
- onClose: () => void;
- /**
- * Function called when the index of the displayed image is changing.
- */
- onChangeIndex?: (index: number) => void;
- }
- export declare const GooglePhoto: ({ open, src, srcIndex: srcIndexProp, fullscreen, keyboardNavigation, closeOnEsc, mouseIdleTimeout, animationDuration, classNames, onClose, onChangeIndex, }: GooglePhotoProps) => React.ReactPortal | null;
- export {};
|