import * as React$1 from 'react';
import React__default, { ReactNode, ReactElement } from 'react';

interface ColumnsGridProps extends React.HTMLAttributes<HTMLDivElement> {
    columnCount: number;
    gap?: string;
    children: Iterable<ReactNode>;
}
declare const ColumnsGrid: React$1.ForwardRefExoticComponent<ColumnsGridProps & React$1.RefAttributes<HTMLDivElement>>;

interface GridProps extends React.HTMLAttributes<HTMLDivElement> {
    elementsPerRow?: number[];
    children: ReactElement[];
    gap?: string;
}
declare const Grid: React$1.ForwardRefExoticComponent<GridProps & React$1.RefAttributes<HTMLDivElement>>;

interface GridAreaProps extends React__default.HTMLAttributes<HTMLDivElement> {
    areaTemplate: number[][];
    gap: string;
    children: React__default.ReactElement[];
}
declare const GridArea: React__default.ForwardRefExoticComponent<GridAreaProps & React__default.RefAttributes<HTMLDivElement>>;

export { ColumnsGrid, Grid, GridArea };