react-broken-layouter/dist/Layouter.d.ts

Layouter is a lightweight React utility for creating responsive masonry-style layouts.

import * as React from "react";
export type LayouterProps<T = any> = {
    cols: number;
    items: T[];
    render: React.FC<{
        item: T;
    }> | Element | ((props: {
        item: T;
    }) => React.ReactNode) | ((props: {
        item: T;
    }) => Element) | any;
    gap?: number;
    getId?: (item: T) => string | number;
    getHeight?: (item: T) => number;
    estimateHeight?: (item: T) => number;
    mediaHeight?: number;
    breakpoints?: {
        [width: number]: {
            cols: number;
        };
    };
};
export default function Layouter<T>({ cols, items, render: RenderItem, gap, getId, getHeight, estimateHeight, mediaHeight, breakpoints, }: LayouterProps<T>): import("react/jsx-runtime").JSX.Element;