import type { ReactNode } from "react";
import React from "react";
import alignments from "./GridAlign.module.css";
import { GridCell } from "./GridCell";
import type { GapSpacing } from "../sharedHelpers/types";
export interface GridProps {
    /**
     * Add spacing between elements. Can be a boolean for default spacing,
     * or a semantic token for custom spacing.
     * @default true
     *
     * @deprecated The boolean type for the 'gap' prop is deprecated and will be removed in a future version.
     * Please use a GapSpacing token (e.g., 'small', 'base', 'large') for fixed spacing.
     * Using 'true' applies default responsive spacing. Using 'false' results in no gap.
     */
    readonly gap?: boolean | GapSpacing;
    /**
     * Adjust the alignment of columns. We only support a few select properties
     * from `align-items` due to the nature of the other properties acting the
     * same. Read more about [align-items](https://developer.mozilla.org/en-US/docs/Web/CSS/align-items) property values.
     */
    readonly alignItems?: keyof typeof alignments;
    /**
     * `Grid.Cell` children
     */
    readonly children: ReactNode;
}
export declare const GRID_TEST_ID = "ATL-Grid";
export declare function Grid({ alignItems, gap, children, }: GridProps): React.JSX.Element;
export declare namespace Grid {
    var Cell: typeof GridCell;
}