import * as React from 'react';
export interface ImageListItem {
    src: string;
    alt: string;
    title?: React.ReactNode;
    subtitle?: React.ReactNode;
    actions?: React.ReactNode;
}
export interface ImageListProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {
    /** Number of columns. */
    cols?: number;
    /** Minimum item width used to reduce cols; default 160px. */
    minItemWidth?: number;
    /** Gap between items (number in CSS pixels, or a CSS length). */
    gap?: number | string;
    /** Layout: uniform grid, quilted (items span cells) or masonry. */
    variant?: 'standard' | 'quilted' | 'masonry';
    /** Flat API — renders Item/ItemBar parts per row. */
    items?: readonly ImageListItem[];
}
declare function Root({ cols, minItemWidth, gap, variant, items, className, style, ref, children, ...rest }: ImageListProps & {
    /** Ref to the rendered root element. */
    ref?: React.Ref<HTMLDivElement> | undefined;
}): React.JSX.Element;
export declare function Item({ className, ref, ...rest }: React.HTMLAttributes<HTMLDivElement> & {
    ref?: React.Ref<HTMLDivElement> | undefined;
}): React.JSX.Element;
export interface ItemBarProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> {
    title?: React.ReactNode;
    subtitle?: React.ReactNode;
    actionIcon?: React.ReactNode;
    position?: 'bottom' | 'top' | 'overlay';
}
export declare function ItemBar({ title, subtitle, actionIcon, position, className, ref, ...rest }: ItemBarProps & {
    ref?: React.Ref<HTMLDivElement> | undefined;
}): React.JSX.Element;
export declare const ImageList: typeof Root & {
    Item: typeof Item;
    ItemBar: typeof ItemBar;
};
export {};
//# sourceMappingURL=ImageList.d.ts.map