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 { StylingProps } from '../../core/types/styling-props.js'; import type { WithChildren } from '../../core/types/with-children.js'; /** * Props used for the Heading component * @public */ export interface HeadingProps extends DOMProps, WithChildren, AriaLabelingProps, StylingProps, DataTestId, MaskingProps, BehaviorTrackingProps { /** * The visual level of the heading. * @defaultValue 1 */ level?: 1 | 2 | 3 | 4 | 5 | 6; /** * The polymorphed HTML tag that determines the semantic level of the heading. * @defaultValue 'h1' */ as?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6'; } /** * Use the `Heading` to render semantic HTML heading elements (`h1`, `h2`, etc.). * The component allows you to independently define both the visual and the semantic level of the heading. * @public */ export declare const Heading: (props: HeadingProps & import("react").RefAttributes) => import("react").ReactElement | null;