import React from 'react';
import { Cell } from './components';
declare type Breakpoints = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
declare type Areas = {
    [Breakpoint in Breakpoints]?: string[];
};
declare type Columns = {
    [Breakpoint in Breakpoints]?: number;
};
declare type Gap = {
    [Breakpoint in Breakpoints]?: string;
};
export interface GridProps {
    /**
     * Set grid-template-areas
     * @deprecated Use nested layout components instead
     */
    areas?: Areas;
    columns?: Columns;
    gap?: Gap;
    children?: React.ReactNode;
}
export declare const Grid: React.FunctionComponent<GridProps> & {
    Cell: typeof Cell;
};
export declare function formatAreas(areas?: string[]): string | undefined;
export {};
//# sourceMappingURL=Grid.d.ts.map