import { HTMLProps } from 'react';
import * as CSS from 'csstype';
import spacing from './theme/spacing';
import { PublicComponentProps } from './types';
export interface GridProps extends HTMLProps<HTMLDivElement>, PublicComponentProps {
    columns: number;
    gap?: keyof typeof spacing;
    columnGap?: keyof typeof spacing;
    rowGap?: keyof typeof spacing;
    gridArea?: CSS.GridAreaProperty;
    gridAutoColumns?: CSS.GridAutoColumnsProperty<number | string>;
    gridAutoFlow?: CSS.GridAutoFlowProperty;
    gridAutoRows?: CSS.GridAutoRowsProperty<number | string>;
    gridColumnEnd?: CSS.GridColumnEndProperty;
    gridColumnStart?: CSS.GridColumnStartProperty;
    gridColumn?: CSS.GridColumnProperty;
    gridRowEnd?: CSS.GridRowEndProperty;
    gridRowStart?: CSS.GridRowStartProperty;
    gridRow?: CSS.GridRowProperty;
    gridTemplateAreas?: CSS.GridTemplateAreasProperty;
    gridTemplateColumns?: CSS.GridTemplateColumnsProperty<number | string>;
    gridTemplateRows?: CSS.GridTemplateRowsProperty<number | string>;
    gridTemplate?: CSS.GridTemplateProperty;
    grid?: CSS.GridProperty;
}
export declare const Grid: ({ className, gridArea, gridAutoColumns, gridAutoFlow, gridAutoRows, gridColumnEnd, gridColumnStart, gridColumn, gridRowEnd, gridRowStart, gridRow, gridTemplateAreas, gridTemplateColumns, gridTemplateRows, gridTemplate, gap, columnGap, rowGap, columns, style, children, ...restProps }: GridProps) => JSX.Element;
//# sourceMappingURL=Grid.d.ts.map