import { default as React } from 'react';

declare module 'react' {
    interface CSSProperties {
        '--grid-cols-xs'?: number;
        '--grid-cols-sm'?: number;
        '--grid-cols-md'?: number;
        '--grid-cols-lg'?: number;
        '--grid-cols-xl'?: number;
    }
}
export interface GridProps extends React.HTMLAttributes<HTMLDivElement> {
    /**
     * Number of columns in the grid
     * @default 1
     * @example 3
     */
    columns?: number;
    /**
     * Gap between grid items
     * @default "4"
     * @example "6"
     */
    gap?: string | number;
    /**
     * Responsive column count at different breakpoints
     * @default undefined
     * @example {{ md: 2, lg: 3 }}
     */
    responsive?: {
        xs?: number;
        sm?: number;
        md?: number;
        lg?: number;
        xl?: number;
    };
}
export declare const Grid: React.ForwardRefExoticComponent<GridProps & React.RefAttributes<HTMLDivElement>>;