import { type CSSProperties, type HTMLAttributes, type ImgHTMLAttributes, type ReactNode } from 'react';
import { type CssLength } from '../../../utils/css';
export type ParallaxFloatingGalleryItem = string | {
    src: string;
    alt?: string;
    id?: string | number;
    top?: number;
    left?: number;
    depth?: number;
    width?: CssLength;
    rotate?: number;
    objectPosition?: CSSProperties['objectPosition'];
    loading?: ImgHTMLAttributes<HTMLImageElement>['loading'];
    decoding?: ImgHTMLAttributes<HTMLImageElement>['decoding'];
    fetchPriority?: ImgHTMLAttributes<HTMLImageElement>['fetchPriority'];
};
export type NormalizedParallaxFloatingGalleryItem = {
    src: string;
    alt: string;
    id: string;
    top: number;
    left: number;
    depth: number;
    width: string;
    rotate: number;
    objectPosition: CSSProperties['objectPosition'];
    loading?: ImgHTMLAttributes<HTMLImageElement>['loading'];
    decoding?: ImgHTMLAttributes<HTMLImageElement>['decoding'];
    fetchPriority?: ImgHTMLAttributes<HTMLImageElement>['fetchPriority'];
};
export type ParallaxFloatingGalleryProps = Omit<HTMLAttributes<HTMLElement>, 'children' | 'title'> & {
    items?: readonly ParallaxFloatingGalleryItem[];
    title?: ReactNode;
    ariaLabel?: string;
    height?: CssLength;
    imageSize?: CssLength;
    imageRadius?: CssLength;
    background?: CSSProperties['background'];
    color?: CSSProperties['color'];
    movement?: number;
    easing?: number;
    disabled?: boolean;
    respectReducedMotion?: boolean;
};
export declare const ParallaxFloatingGallery: ({ items, title, ariaLabel, className, style, height, imageSize, imageRadius, background, color, movement, easing, disabled, respectReducedMotion, onPointerMove, onPointerLeave, ...props }: ParallaxFloatingGalleryProps) => import("react/jsx-runtime").JSX.Element;