import type { ReactNode } from "react";
import type { ResponsiveGridAlignProp, ResponsiveGridColumnsProp, ResponsiveGridFlowProp, ResponsiveGridPresetProp } from "../../props/components/layout.prop.js";
import type { PadProp, PadRawProp } from "../../props/vocabulary/index.js";
import type { GapProp } from "../../props/vocabulary/layout.prop.js";
export type ResponsiveGridProps = {
    pad?: PadProp;
    padRaw?: PadRawProp;
    /** Gap between cells, the same steps as Flex. Default `md`. */
    gap?: GapProp;
    /** Optional structural class override. */
    className?: string;
    columns?: ResponsiveGridColumnsProp;
    /** Keep collections in a horizontal sequence; pair with ScrollArea orientation="horizontal". */
    flow?: ResponsiveGridFlowProp;
    /**
     * Block-axis alignment of the cells (antd `Row align`). `stretch` makes every cell as tall as
     * the tallest — Kanban lanes, where an empty lane must stay a full-height drop zone. Omitted,
     * `flow="columns"` aligns to `start` and `flow="rows"` stretches, as before.
     */
    align?: ResponsiveGridAlignProp;
    /**
     * Named column geometry for a recognised collection shape — see `ResponsiveGridPresetProp`.
     * Wins over `columns` when both are set, so a caller migrating to a preset does not also need
     * to strip its old `columns` prop.
     */
    preset?: ResponsiveGridPresetProp;
    children: ReactNode;
};
export declare function ResponsiveGrid({ columns, flow, align, gap, pad, padRaw, preset, className, children, }: ResponsiveGridProps): import("react").JSX.Element;
export declare namespace ResponsiveGrid {
    export { ResponsiveGridItem as Item };
}
/** A grid item owns its responsive span; no extra implicit columns on a narrow container. */
export declare function ResponsiveGridItem({ span, children, className, }: {
    span?: ResponsiveGridColumnsProp;
    children?: ReactNode;
    className?: string;
}): import("react").JSX.Element;