import React from 'react';
import { BoxProps } from '../Box';
export declare type GridProps = Omit<BoxProps, 'display'> & {
    /** An alias for the `gridTemplateColumns` property */
    templateColumns?: BoxProps['gridTemplateColumns'];
    /** An alias for the `gridGap` property */
    gap?: BoxProps['gridGap'];
    /** An alias for the `gridRowGap` property */
    rowGap?: BoxProps['gridRowGap'];
    /** An alias for the `gridColumnGap` property */
    columnGap?: BoxProps['gridColumnGap'];
    /** An alias for the `gridAutoFlow` property */
    autoFlow?: BoxProps['gridAutoFlow'];
    /** An alias for the `gridAutoRows` property */
    autoRows?: BoxProps['gridAutoRows'];
    /** An alias for the `gridAutoColumns` property */
    autoColumns?: BoxProps['gridAutoColumns'];
    /** An alias for the `gridTemplateRows` property */
    templateRows?: BoxProps['gridTemplateRows'];
    /** An alias for the `gridTemplateAreas` property */
    templateAreas?: BoxProps['gridTemplateAreas'];
    /** An alias for the `gridArea` property */
    area?: BoxProps['gridArea'];
    /** An alias for the `gridColumn` property */
    column?: BoxProps['gridColumn'];
    /** An alias for the `gridRow` property */
    row?: BoxProps['gridRow'];
    /** Whether the display should be `inline-grid` */
    inline?: boolean;
};
/**
 * Extends <a href="/#/Box">Box</a>
 *
 * Grid layout component. You should use this anytime you want to create a container for columns
 * within the design
 */
export declare const Grid: React.ForwardRefExoticComponent<Pick<GridProps, string | number | symbol> & React.RefAttributes<HTMLElement>>;
export default Grid;