import { type CSSProperties, type ImgHTMLAttributes, type ReactNode } from 'react';
import { type CssLength } from '../../../utils/css';
export type ScrollDrivenOncePhoto = string | {
    src: string;
    alt?: string;
    id?: string | number;
    width?: number;
    height?: number;
    loading?: ImgHTMLAttributes<HTMLImageElement>['loading'];
};
export type ScrollDrivenOnceGalleryProps = {
    photos?: readonly ScrollDrivenOncePhoto[];
    className?: string;
    style?: CSSProperties;
    ariaLabel?: string;
    gridAriaLabel?: string;
    title?: ReactNode;
    subtitle?: ReactNode;
    footer?: ReactNode;
    columns?: number;
    gap?: CssLength;
    maxWidth?: CssLength;
    panelHeight?: CssLength;
    photoRadius?: CssLength;
    background?: string;
    textColor?: string;
    accentColor?: string;
};
export declare const ScrollDrivenOnceGallery: ({ photos, className, style, ariaLabel, gridAriaLabel, title, subtitle, footer, columns, gap, maxWidth, panelHeight, photoRadius, background, textColor, accentColor, }: ScrollDrivenOnceGalleryProps) => import("react/jsx-runtime").JSX.Element;