import type { ReactNode, RefAttributes } from "react";
import type { DOMProps } from "../../types/dom";
import type { SpacingType } from "../../types";
export type GridElementType = HTMLDivElement;
export interface GridProps extends RefAttributes<GridElementType>, DOMProps {
    children?: ReactNode;
    /** The number of columns */
    columns?: number;
    /** How big a gap between the columns and rows */
    gap?: SpacingType;
    /** How big a gap between the columns */
    columnGap?: SpacingType;
    /** How big a gap between the rows */
    rowGap?: SpacingType;
    /** Aligns the grid along the block (column) axis */
    alignContent?: "center" | "space-around" | "space-between" | "space-evenly" | "stretch";
    /** Aligns the grid along the inline (row) axis */
    justifyContent?: "center" | "start" | "end" | "space-around" | "space-between" | "space-evenly";
    /** Aligns grid items along the block (column) axis  */
    alignItems?: "center" | "start" | "end" | "stretch" | "baseline";
    /** Aligns grid items along the inline (row) axis  */
    justifyItems?: "start" | "end" | "center" | "stretch";
    /** Custom class name for setting specific CSS */
    className?: string;
    style?: React.CSSProperties;
}
declare function Grid({ ref, ...props }: GridProps): import("react/jsx-runtime").JSX.Element;
declare namespace Grid {
    var displayName: string;
}
export { Grid };
