import { default as React } from 'react';
export interface MasonryProps {
    /** Children elements */
    children: React.ReactNode;
    /** Number of columns */
    columns?: number;
    /** Gap between items */
    gap?: number;
    /** Responsive breakpoints */
    breakpoints?: {
        [key: number]: number;
    };
    /** Additional className */
    className?: string;
}
/**
 * Masonry Component
 *
 * Pinterest-style masonry grid layout.
 * Automatically arranges items in columns with optimal spacing.
 *
 * @example
 * ```tsx
 * <Masonry columns={3} gap={16}>
 *   {items.map(item => <Card key={item.id}>{item.content}</Card>)}
 * </Masonry>
 * ```
 *
 * @example
 * ```tsx
 * <Masonry
 *   breakpoints={{ 768: 2, 1024: 3, 1280: 4 }}
 *   gap={20}
 * >
 *   {photos.map(photo => <Image key={photo.id} src={photo.url} />)}
 * </Masonry>
 * ```
 */
export declare const Masonry: React.FC<MasonryProps>;
//# sourceMappingURL=masonry.d.ts.map