import { MouseEvent, ReactNode } from 'react';
import CSS from 'csstype';
declare function Grid(props: {
    className?: string;
    gridTemplateRows?: string;
    gridTemplateColumns?: string;
    gridTemplateAreas?: string;
    numRows?: number;
    numCols?: number;
    gap?: string;
    rowGap?: string;
    columnGap?: 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';
    gridAutoRows?: string;
    gridAutoColumns?: string;
    gridAutoFlow?: 'row' | 'column' | 'row dense' | 'column dense';
    children: ReactNode;
    width?: string;
    height?: string;
    minWidth?: string;
    minHeight?: string;
    maxWidth?: string;
    maxHeight?: string;
    style?: CSS.Properties;
    backgroundColor?: string;
    gridArea?: string;
    margin?: string;
    padding?: string;
    pointer?: boolean;
    boxShadow?: string;
    borderRadius?: string;
    onClick?: (e: MouseEvent<HTMLDivElement>) => void;
}): JSX.Element;
export default Grid;