import { type ElementType, type ReactElement } from 'react';
import type { BehaviorTrackingProps } from '../../core/types/behavior-tracking-props.js';
import { type DataTestId } from '../../core/types/data-props.js';
import { type MaskingProps } from '../../core/types/masking-props.js';
import { type PolymorphicComponentProps } from '../../core/types/polymorph.js';
import { type StylingProps } from '../../core/types/styling-props.js';
import { type WithChildren } from '../../core/types/with-children.js';
import { type GridStyleProps } from '../../styles/getGridStyles.js';
/**
 * Defines grid own props.
 * @public
 */
export type GridOwnProps = WithChildren & StylingProps & GridStyleProps & DataTestId & MaskingProps & BehaviorTrackingProps;
/**
 * Merge own props with others inherited from the underlying element type.
 * @public
 */
export type GridProps<E extends ElementType> = PolymorphicComponentProps<E, GridOwnProps>;
/**
 * The `Grid` component can be used to layout its children with the help of CSS Grid.
 * The component can be customized with CSS grid props.
 * @public
 */
export declare const Grid: <E extends ElementType = 'div'>(props: GridProps<E>) => ReactElement | null;