import { type CSSProperties, type ImgHTMLAttributes, type MouseEvent as ReactMouseEvent } from 'react';
import { type CssLength } from '../../../utils/css';
export type HorizontalBouncyGalleryItem = string | {
src: string;
alt?: string;
title?: string;
heading?: string;
description?: string;
caption?: string;
id?: string | number;
objectPosition?: CSSProperties['objectPosition'];
loading?: ImgHTMLAttributes['loading'];
fetchPriority?: ImgHTMLAttributes['fetchPriority'];
};
export type NormalizedHorizontalBouncyGalleryItem = {
src: string;
alt: string;
title: string;
description?: string;
id: string;
objectPosition?: CSSProperties['objectPosition'];
loading?: ImgHTMLAttributes['loading'];
fetchPriority?: ImgHTMLAttributes['fetchPriority'];
};
export type HorizontalBouncyGalleryProps = {
items?: HorizontalBouncyGalleryItem[];
className?: string;
style?: CSSProperties;
ariaLabel?: string;
height?: CssLength;
itemWidth?: CssLength;
imageHeight?: CssLength;
gap?: CssLength;
edgePadding?: CssLength;
hoverScale?: number;
overlayOpacity?: number;
wheelSpeed?: number;
enableWheelScroll?: boolean;
intro?: boolean;
background?: string;
color?: string;
mutedColor?: string;
hoverTitleColor?: string;
onItemClick?: (item: NormalizedHorizontalBouncyGalleryItem, index: number, event: ReactMouseEvent) => void;
};
export declare const HorizontalBouncyGallery: ({ items, className, style, ariaLabel, height, itemWidth, imageHeight, gap, edgePadding, hoverScale, overlayOpacity, wheelSpeed, enableWheelScroll, intro, background, color, mutedColor, hoverTitleColor, onItemClick, }: HorizontalBouncyGalleryProps) => import("react/jsx-runtime").JSX.Element;