/// <reference types="react" />
import { StyledComponent } from '@emotion/styled';
export type GridProps = {
    children?: React.ReactNode;
    display?: 'grid' | 'inline-grid';
    gridTemplateColumns?: string;
    gridTemplateRows?: string;
    gridTemplateAreas?: string;
    gridTemplate?: string;
    gridColumnGap?: string;
    gridRowGap?: string;
    gridGap?: string;
    justifyItems?: 'start' | 'end' | 'center' | 'stretch';
    alignItems?: 'start' | 'end' | 'center' | 'stretch';
    placeItems?: 'start' | 'end' | 'center' | 'stretch';
    justifyContent?: 'start' | 'end' | 'center' | 'stretch' | 'space-around' | 'space-between' | 'space-evenly';
    alignContent?: 'start' | 'end' | 'center' | 'stretch' | 'space-around' | 'space-between' | 'space-evenly';
    placeContent?: 'start' | 'end' | 'center' | 'stretch' | 'space-around' | 'space-between' | 'space-evenly';
    gridAutoColumns?: string;
    gridAutoRows?: string;
    gridAutoFlow?: string;
    grid?: string;
};
type AllGridProps = StyledComponent<'div', any> & {
    Item: StyledComponent<'div', any>;
};
declare const Grid: AllGridProps;
export default Grid;