import * as React from 'react';
import { BreakpointClasses } from '../helpers/breakpoints';
declare const COLUMN: {
    '1': string;
    '2': string;
    '3': string;
    '4': string;
    '5': string;
    '6': string;
    '7': string;
    '8': string;
    '9': string;
    '10': string;
    '11': string;
    '12': string;
};
declare const ROW: {
    '1': string;
    '2': string;
    '3': string;
    '4': string;
    '5': string;
    '6': string;
};
declare const gaps: readonly ["0", "1", "2", "3", "4", "5", "6", "8", "10", "12", "16", "20", "24", "32", "40", "48", "56", "64"];
declare type GAPS = keyof {
    [key in typeof gaps[number]]: string;
};
declare const GAPS: BreakpointClasses;
interface Props {
    columns?: keyof typeof COLUMN;
    rows?: keyof typeof ROW;
    gap?: GAPS | {
        default?: GAPS;
        sm?: GAPS;
        md?: GAPS;
        lg?: GAPS;
        xl?: GAPS;
    };
    gapX?: GAPS | {
        default?: GAPS;
        sm?: GAPS;
        md?: GAPS;
        lg?: GAPS;
        xl?: GAPS;
    };
    gapY?: GAPS | {
        default?: GAPS;
        sm?: GAPS;
        md?: GAPS;
        lg?: GAPS;
        xl?: GAPS;
    };
    className?: React.HTMLAttributes<HTMLDivElement>['className'];
    style?: React.HTMLAttributes<HTMLDivElement>['style'];
}
declare const Grid: React.FC<Props>;
export default Grid;