/**
 * @file index.tsx.
 *
 * @fileoverview Component that maps directly to CSS grid properties using styled-system. Based on grid-layout for
 * styled-system https://styled-system.com/api/#grid-layout
 */
import { ReactNode } from 'react';
import { AlignItemsProps, GridAutoColumnsProps, GridAutoFlowProps, GridAutoRowsProps, GridGapProps, GridTemplateAreasProps, GridTemplateColumnsProps, GridTemplateRowsProps, HeightProps, JustifyContentProps, JustifyItemsProps, SpaceProps, TextAlignProps, WidthProps } from 'styled-system';
declare type BaseGridProps = GridGapProps & GridAutoFlowProps & GridAutoFlowProps & GridAutoColumnsProps & GridAutoRowsProps & GridTemplateColumnsProps & GridTemplateRowsProps & GridTemplateAreasProps & AlignItemsProps & JustifyItemsProps & JustifyContentProps & WidthProps & HeightProps & SpaceProps & TextAlignProps;
export interface GridProps extends BaseGridProps {
    children?: ReactNode;
    columns?: number | string | number[] | string[];
}
/**
 * A Grid allows for displaying information in columns and rows next to each other.
 * All properties can accept an array for responsive values. Inside Grids there should be "Cell" components which also have
 * specific properties for mapping to CSS Grid properties.
 */
export declare const Grid: ({ children, gridGap, ...props }: GridProps) => JSX.Element;
export default Grid;