import { type CSSProperties, type ReactNode } from 'react';
export type GridGap = 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
export interface GridMaxWidth {
    base?: string;
    md?: string;
    lg?: string;
}
export interface GridProps {
    children?: ReactNode;
    gap?: GridGap;
    /** Stretch direct children so cards/items in the same row get equal height */
    equalHeight?: boolean;
    maxWidth?: GridMaxWidth;
    className?: string;
    style?: CSSProperties;
}
export declare function Grid({ children, gap, equalHeight, maxWidth, className, style, }: GridProps): import("react/jsx-runtime").JSX.Element;
export interface GridItemProps {
    children?: ReactNode;
    /** Default span: <768px. Supports 0.5 increments, e.g. 4.5 */
    base?: number;
    /** Medium span: ≥768px. Supports 0.5 increments, e.g. 4.5 */
    md?: number;
    /** Large span: ≥1200px. Supports 0.5 increments, e.g. 4.5 */
    lg?: number;
    className?: string;
    style?: CSSProperties;
}
export declare const GridItem: import("react").ForwardRefExoticComponent<GridItemProps & import("react").RefAttributes<HTMLDivElement>>;