import { type ElementType, type ReactElement } from 'react';
import type { AriaLabelingProps } from '../../core/types/a11y-props.js';
import type { BehaviorTrackingProps } from '../../core/types/behavior-tracking-props.js';
import type { DataTestId } from '../../core/types/data-props.js';
import type { DOMProps } from '../../core/types/dom.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';
/**
 * The props for the text component without any props coming from polymorphing.
 * @public
 */
export interface TextOwnProps extends WithChildren, DOMProps, AriaLabelingProps, StylingProps, DataTestId, MaskingProps, BehaviorTrackingProps {
    /** Sets the text style. Variants include "base", "base-emphasized", etc. */
    textStyle?: 'base' | 'base-emphasized' | 'small' | 'small-emphasized';
    /** Sets the font style. Can either be "text" or "code" */
    fontStyle?: 'text' | 'code';
}
/**
 * Combined props for the text component - polymorphing and own props.
 * @public
 */
export type TextProps<E extends ElementType> = PolymorphicComponentProps<E, TextOwnProps>;
/**
 * Use the `Text` component for text that is rendered without any semantic markup.
 * @public
 */
export declare const Text: <E extends ElementType = 'span'>(props: TextProps<E>) => ReactElement | null;