import React, { 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.Property.GridArea;
    gridAutoColumns?: CSS.Property.GridAutoColumns<number | string>;
    gridAutoFlow?: CSS.Property.GridAutoFlow;
    gridAutoRows?: CSS.Property.GridAutoRows<number | string>;
    gridColumnEnd?: CSS.Property.GridColumnEnd;
    gridColumnStart?: CSS.Property.GridColumnStart;
    gridColumn?: CSS.Property.GridColumn;
    gridRowEnd?: CSS.Property.GridRowEnd;
    gridRowStart?: CSS.Property.GridRowStart;
    gridRow?: CSS.Property.GridRow;
    gridTemplateAreas?: CSS.Property.GridTemplateAreas;
    gridTemplateColumns?: CSS.Property.GridTemplateColumns<number | string>;
    gridTemplateRows?: CSS.Property.GridTemplateRows<number | string>;
    gridTemplate?: CSS.Property.GridTemplate;
    grid?: CSS.Property.Grid;
}
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) => React.JSX.Element;
//# sourceMappingURL=Grid.d.ts.map