import * as React from 'react'; import { BoxProps } from '../Box'; import { MediaQueries, Variants } from '../index'; export declare type GridViewProps = { /** The algorithm used to implicitly place grid items. Maps to CSS [gridAutoFlow](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-auto-flow) property. */ autoFlow?: 'column' | 'row' | 'dense'; /** The size of implicit grid columns. Maps to CSS [gridAutoColumns](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-auto-columns) property. */ autoColumns?: string; /** The size of implicit grid rows. Maps to CSS [gridAutoRows](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-auto-rows) property. */ autoRows?: string; /** The columns of the grid. Maps to CSS [gridTemplateColumns](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template-columns) property. */ columns?: Array | string; /** The rows of the grid. Maps to CSS [gridTemplateRows](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template-rows) property. */ rows?: Array | string; /** Aligns content in a grid item along the column axis. Maps to CSS [alignItems](https://developer.mozilla.org/en-US/docs/Web/CSS/align-items) property. */ alignment?: 'start' | 'end' | 'center' | 'stretch'; /** The amount of space between children. Maps to CSS [gridGap](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-gap) property. */ spacing?: number; /** The amount of space between columns. Maps to CSS [gridColumnGap](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-gap) property. */ columnSpacing?: number; /** The amount of space between rows. Maps to CSS [gridRowGap](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-gap) property. */ rowSpacing?: number; } & BoxProps; declare type Props = React.RefAttributes & React.HTMLAttributes & GridViewProps & MediaQueries & Variants; export declare function GridView({ as, inline, innerRef, ...props }: Props): JSX.Element; export {};