import { Container } from '@welefen/grid-layout';
import type { ReactElement } from 'react';
import type { ButtonProps } from '../Button';
import type { GridButtonProps } from './GridButton';
export type GridProps = PositionProps & Partial<Pick<ButtonProps, 'background' | 'color' | 'UCID'>> & GridConfigProps & {
    children: ButtonChild | ButtonChild[];
    backgroundColor?: 'light' | 'dark';
};
type ButtonChild = ReactElement<GridButtonProps>;
type PositionProps = Required<Pick<ButtonProps, 'top' | 'left' | 'width' | 'height'>>;
type GridConfigProps = Container['config'];
export declare function Grid({ children, top, left, width, height, background, color, backgroundColor, gridTemplateColumns, gridAutoColumns, gridAutoFlow, gridAutoRows, gridColumnGap, gridRowGap, gridTemplateAreas, gridTemplateRows, alignItems, justifyContent, alignContent, justifyItems, UCID, }: GridProps): import("react").JSX.Element;
export {};