import MasonryLayout from 'masonry-layout';
import React from 'react';
import { PaddingProps, Spacing } from '@harnessio/design-system';
export declare type MasonryRef = InstanceType<typeof MasonryLayout>;
export interface MasonryProps<T = Record<string, unknown>> {
    items: T[];
    renderItem: (item: T) => React.ReactElement;
    keyOf: (item: T) => string | undefined;
    gutter?: number;
    masonryRef?: (masonry: MasonryRef) => void;
    center?: boolean;
    width?: string | number;
    height?: string | number;
    padding?: Spacing | PaddingProps;
    className?: string;
    style?: React.CSSProperties;
}
export declare function Masonry<T = Record<string, unknown>>(props: MasonryProps<T>): React.ReactElement;