import type React from "react";
import type { Spacing } from "./spacing.js";
/**
 * A component for laying out children in a responsive grid.
 *
 * The grid is responsive by construction: it collapses on the width of its container rather than
 * the width of the viewport, so the same grid works on a page, in a record tab and in a dialog. At
 * narrow widths a column is dropped rather than squashed, and even the largest `minColumnWidth`
 * still renders a single column.
 *
 * There is no rows API and no column spans: content that needs the full width goes outside the
 * grid as a sibling.
 */
export declare function Grid(props: {
    /**
     * The largest number of columns the grid will ever use.
     *
     * This is a ceiling rather than a fixed count: `"auto"` fits as many columns as the container
     * allows.
     *
     * @default "auto"
     */
    maxColumns?: 1 | 2 | 3 | 4 | 5 | 6 | "auto";
    /**
     * The narrowest a column may become before the grid drops a column instead.
     *
     * `"small"` is 160px, `"medium"` is 240px and `"large"` is 320px. Use `"small"` only for tiles
     * holding a single value.
     *
     * @default "medium"
     */
    minColumnWidth?: "small" | "medium" | "large";
    /**
     * The space between columns and between rows.
     *
     * @default "medium"
     */
    gap?: Spacing;
    /**
     * How the children are aligned within their row.
     *
     * `"stretch"` makes every child in a row match the height of the tallest one. Use `"start"`
     * when the children hold heterogeneous content and should keep their natural heights.
     *
     * @default "stretch"
     */
    align?: "stretch" | "start";
    /**
     * The content of the grid, either text or other components.
     */
    children?: React.ReactNode;
}): React.JSX.Element;
//# sourceMappingURL=grid.d.ts.map