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 FlexStyleProps } from '../../styles/getFlexStyles.js';
/**
 * Flex own props.
 * @public
 */
export type FlexOwnProps = WithChildren & StylingProps & FlexStyleProps & DataTestId & MaskingProps & BehaviorTrackingProps;
/**
 * Merge own props with others inherited from the underlying element type.
 * @public
 */
export type FlexProps<E extends ElementType> = PolymorphicComponentProps<E, FlexOwnProps>;
/**
 * The `Flex` component can be used to layout its children with Flexbox.
 * The component can be customized with flexbox props.
 * @public
 */
export declare const Flex: <E extends ElementType = 'div'>(props: FlexProps<E>) => ReactElement | null;