import { MouseEvent, ReactNode } from 'react';
import CSS from 'csstype';
declare function AutoGrid({ direction, minWidth, minHeight, children, className, style, numRows, numCols, autoCols, gap, rowGap, colGap, placeItems, justifyItems, autoRows, justifyContent, alignItems, alignContent, width, height, margin, maxWidth, padding, onClick, maxHeight, itemMinWidth, itemMinHeight, itemMaxWidth, borderRadius }: {
    direction?: 'row' | 'column' | 'row dense' | 'column dense';
    minWidth?: string;
    maxWidth?: string;
    minHeight?: string;
    maxHeight?: string;
    itemMinWidth?: string;
    itemMinHeight?: string;
    itemMaxWidth?: string;
    children?: ReactNode;
    className?: string;
    style?: CSS.Properties;
    numRows?: number | string;
    numCols?: number | string;
    autoRows?: string;
    autoCols?: string;
    gap?: string;
    rowGap?: string;
    colGap?: string;
    placeItems?: 'start' | 'end' | 'center' | 'stretch';
    alignItems?: 'start' | 'end' | 'center' | 'stretch';
    justifyItems?: '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';
    width?: string;
    height?: string;
    margin?: string;
    padding?: string;
    borderRadius?: string;
    onClick?: (e: MouseEvent<HTMLDivElement>) => void;
}): JSX.Element;
export default AutoGrid;