import { CSSProperties, HTMLAttributes } from 'react';
type GridValue = number | string | undefined;
export interface GridProps extends HTMLAttributes<HTMLDivElement> {
    rowGap?: GridValue;
    columnGap?: GridValue;
    templateColumns?: string;
    templateRows?: string;
    height?: GridValue;
    width?: GridValue;
}
export declare function Grid({ rowGap, columnGap, templateColumns, templateRows, height, width, style, ...props }: GridProps): import("react/jsx-runtime").JSX.Element;
export interface GridItemProps extends HTMLAttributes<HTMLDivElement> {
    colStart?: number;
    colSpan?: number;
    rowStart?: number;
    rowSpan?: number;
    sx?: CSSProperties;
}
export declare function GridItem({ colStart, colSpan, rowStart, rowSpan, sx, style, ...props }: GridItemProps): import("react/jsx-runtime").JSX.Element;
export interface SimpleGridProps extends HTMLAttributes<HTMLDivElement> {
    columns?: number;
    spacingX?: GridValue;
    spacingY?: GridValue;
}
export declare function SimpleGrid({ columns, spacingX, spacingY, style, ...props }: SimpleGridProps): import("react/jsx-runtime").JSX.Element;
export {};
