import React from 'react';
interface MasonryItem {
    id: string;
}
declare const MasonryItem: any;
export interface MasonryProps<T extends MasonryItem> {
    items: T[];
    renderItem: (item: T) => React.ReactNode;
    /** Space between items in px */
    gap?: number;
    /** Number of columns (fixed for consistent width) */
    itemsPerRow?: number;
    className?: string;
    style?: React.CSSProperties;
}
/**
 * Masonry layout component
 * - Uses a fixed number of columns (default 3) for consistent item width
 * - Uses ResizeObserver to track container width
 * - Positions children with absolute positioning
 * - Sets container height based on tallest column
 */
export declare function Masonry<T extends MasonryItem>({ items, renderItem, gap, itemsPerRow: columnCountProp, className, style, }: MasonryProps<T>): React.JSX.Element;
export default Masonry;
//# sourceMappingURL=Masonry.d.ts.map