import { type CSSProperties, type ImgHTMLAttributes } from 'react';
import { type CssLength } from '../../../utils/css';
export type FramedGalleryItem = string | {
    src: string;
    alt?: string;
    description?: string;
    caption?: string;
    id?: string | number;
    objectPosition?: CSSProperties['objectPosition'];
    loading?: ImgHTMLAttributes<HTMLImageElement>['loading'];
    fetchPriority?: ImgHTMLAttributes<HTMLImageElement>['fetchPriority'];
};
export type NormalizedFramedGalleryItem = {
    src: string;
    alt: string;
    description: string;
    id: string;
    objectPosition?: CSSProperties['objectPosition'];
    loading?: ImgHTMLAttributes<HTMLImageElement>['loading'];
    fetchPriority?: ImgHTMLAttributes<HTMLImageElement>['fetchPriority'];
};
export type FramedGalleryProps = {
    items?: FramedGalleryItem[];
    className?: string;
    style?: CSSProperties;
    ariaLabel?: string;
    initialIndex?: number;
    loop?: boolean;
    showBench?: boolean;
    benchSrc?: string;
    benchAlt?: string;
    frameSrc?: string;
    height?: CssLength;
    imageMaxWidth?: CssLength;
    imageMaxHeight?: CssLength;
    frameBorderWidth?: CssLength;
    benchWidth?: CssLength;
    captionWidth?: CssLength;
    onActiveIndexChange?: (nextIndex: number, item: NormalizedFramedGalleryItem) => void;
};
export declare const FramedGallery: ({ items, className, style, ariaLabel, initialIndex, loop, showBench, benchSrc, benchAlt, frameSrc, height, imageMaxWidth, imageMaxHeight, frameBorderWidth, benchWidth, captionWidth, onActiveIndexChange, }: FramedGalleryProps) => import("react/jsx-runtime").JSX.Element;