react-images-extended-2-stable
Version:
A simple, responsive lightbox component for displaying an array of images with React.js with extended features ((stable version))
32 lines • 1.43 kB
TypeScript
import React from "react";
export declare function SpinnerAtom(): import("react/jsx-runtime").JSX.Element;
export interface IThumbnailAtomProps {
index: number;
src: string;
size: string;
thumbnail?: string;
active?: boolean;
onClick: (event: React.MouseEvent<HTMLImageElement>) => void;
}
export declare function ThumbnailAtom({ index, src, active, onClick, }: IThumbnailAtomProps): import("react/jsx-runtime").JSX.Element;
export interface IIconSwitcherButtonProps {
onClick: (event: React.MouseEvent<HTMLButtonElement>) => void;
icon: JSX.Element;
iconOnHover: JSX.Element;
disabled?: boolean;
}
export declare function IconSwitcherButton({ onClick, icon, iconOnHover, disabled, }: IIconSwitcherButtonProps): import("react/jsx-runtime").JSX.Element;
export interface IActionButtonProps {
onClick: (event: React.MouseEvent<HTMLButtonElement>) => void;
onHoldDown?: () => void;
icon: JSX.Element;
disabled?: boolean;
holdDelay?: number;
holdInterval?: number;
tooltip?: string;
}
export declare function ActionButtonAtom({ onClick, onHoldDown, icon, holdDelay, // Start holding after 500ms
holdInterval, // Repeat every 100ms
disabled, }: IActionButtonProps): import("react/jsx-runtime").JSX.Element;
export declare function GhostActionButtonAtom({ onClick, icon }: IActionButtonProps): import("react/jsx-runtime").JSX.Element;
//# sourceMappingURL=Atoms.d.ts.map