import { default as React } from 'react';
export type Breakpoint = 'base' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
export type Responsive<T> = T | {
    [K in Breakpoint]?: T;
};
export type GridCols = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
export type GridGap = 0 | 1 | 2 | 3 | 4 | 5 | 6 | 8 | 10 | 12 | 16;
export declare function resolveResponsive<T extends string | number>(value: Responsive<T> | undefined, map: Record<Breakpoint, Record<T, string>>, defaultValue?: T): string;
export interface GridProps extends React.HTMLAttributes<HTMLDivElement> {
    cols?: Responsive<GridCols>;
    gap?: Responsive<GridGap>;
}
export declare function Grid({ cols, gap, className, children, ...props }: GridProps): React.JSX.Element;