import React from 'react';
declare type Breakpoints = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
declare type Cell = {
    [Breakpoint in Breakpoints]?: string;
};
interface Columns {
    /** Number of columns the section should span on extra small screens */
    xs?: 1 | 2 | 3 | 4 | 5 | 6;
    /** Number of columns the section should span on small screens */
    sm?: 1 | 2 | 3 | 4 | 5 | 6;
    /** Number of columns the section should span on medium screens */
    md?: 1 | 2 | 3 | 4 | 5 | 6;
    /** Number of columns the section should span on large screens */
    lg?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
    /** Number of columns the section should span on extra large screens */
    xl?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
}
export interface CellProps {
    /**
     * Set grid-template-areas
     * @deprecated Use nested layout components instead
     */
    area?: string;
    column?: Cell;
    columnSpan?: Columns;
    row?: Cell;
    children?: React.ReactNode;
}
export declare function Cell({ area: gridArea, column, columnSpan, row, children, }: CellProps): JSX.Element;
export {};
//# sourceMappingURL=Cell.d.ts.map
