import type { HTMLAttributes, ReactElement } from "react";
import React from "react";
import type { Property } from "csstype";
import type { MQ, SpaceSizes } from "../../types";
import type { GridItemProps } from "./GridItem";
import { GridItem } from "./GridItem";
export type GridProps = {
/** Define spacing between columns */
columnGap?: SpaceSizes | MQ;
/** Define spacing between rows */
rowGap?: SpaceSizes | MQ;
/** Define track sizing for explicit grid row tracks, see https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template-rows */
templateRows?: Property.GridTemplateRows | MQ;
/** Define track sizing for explicit grid column tracks, see https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template-columns
* Overrides 12 column grid
*/
templateColumns?: Property.GridTemplateColumns | MQ;
/** Define layout with areas, see https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template-areas */
templateAreas?: Property.GridTemplateAreas | MQ;
/** Define row track size for implicit grid rows, see https://developer.mozilla.org/en-US/docs/Web/CSS/grid-auto-rows */
autoRows?: Property.GridAutoRows | MQ;
/** Aligns grid items along the block (column) axis, see https://developer.mozilla.org/en-US/docs/Web/CSS/align-items */
alignItems?: Property.AlignItems | MQ;
/** Aligns grid items along the inline (row) axis, see https://developer.mozilla.org/en-US/docs/Web/CSS/justify-items */
justifyItems?: Property.JustifyItems | MQ;
/** Displays an inline grid */
inline?: boolean;
/** If set to true, it will share parent column tracks */
isSubgrid?: boolean;
"data-e2e-test-id"?: string;
children: ReactElement[];
} & HTMLAttributes;
export declare function Grid({ columnGap, rowGap, "data-e2e-test-id": dataE2eTestId, children, ...rest }: GridProps): React.ReactElement;
export declare namespace Grid {
var Item: typeof GridItem;
}